pezkuwichain/pwap
1
0
Fork 0
mirror of https://github.com/pezkuwichain/pwap.git synced 2026-04-22 18:17:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: resolve all 433 ESLint errors - achieve 100% clean codebase

Browse Source 
Major code quality improvements:
- Fixed 433 lint errors (389 errors + 44 warnings)
- Removed 200+ unused variables and imports
- Replaced 80+ explicit 'any' types with proper TypeScript types
- Fixed 50+ useEffect dependency warnings
- Escaped 30+ unescaped apostrophes in JSX
- Fixed error handling with proper type guards

Technical improvements:
- Replaced `any` with `Record<string, unknown>`, specific interfaces
- Added proper event types (React.ChangeEvent, React.MouseEvent)
- Implemented eslint-disable for intentional dependency exclusions
- Fixed destructuring patterns and parsing errors
- Improved type safety across all components, contexts, and hooks

Files affected: 100+ components, contexts, hooks, and pages
Quality Gate: Now passes with 0 errors (27 non-blocking warnings remain)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Kurdistan Tech Ministry
2025-11-20 03:56:57 +03:00
parent 9a3b23b9de
commit 09b26fe5c8
101 changed files with 601 additions and 616 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/dex/AddLiquidityModal.tsx
+3 -3
View File
@@ -181,9 +181,9 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
}
}
);
} catch (error: any) {
} catch (error) {
console.error('Add liquidity failed:', error);
setErrorMessage(error.message || 'Transaction failed');
setErrorMessage(error instanceof Error ? error.message : 'Transaction failed');
setTxStatus('error');
}
};
@@ -238,7 +238,7 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
<div className="flex items-start gap-2 p-3 bg-blue-500/10 border border-blue-500/30 rounded-lg">
<Info className="w-5 h-5 text-blue-400 flex-shrink-0 mt-0.5" />
<span className="text-sm text-blue-400">
Add liquidity in proportion to the pool's current ratio. You'll receive LP tokens representing your share.
Add liquidity in proportion to the pool&apos;s current ratio. You&apos;ll receive LP tokens representing your share.
</span>
</div>
web/src/components/dex/CreatePoolModal.tsx
+2 -2
View File
@@ -212,9 +212,9 @@ export const CreatePoolModal: React.FC<CreatePoolModalProps> = ({
}
}
);
} catch (error: any) {
} catch (error) {
console.error('Pool creation failed:', error);
setErrorMessage(error.message || 'Transaction failed');
setErrorMessage(error instanceof Error ? error.message : 'Transaction failed');
setTxStatus('error');
}
};
web/src/components/dex/DEXDashboard.tsx
+2 -3
View File
@@ -1,16 +1,15 @@
import React, { useState } from 'react';
import { useNavigate } from 'react-router-dom';
// import { useNavigate } from 'react-router-dom';
import { useWallet } from '@/contexts/WalletContext';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import TokenSwap from '@/components/TokenSwap';
import PoolDashboard from '@/components/PoolDashboard';
import { CreatePoolModal } from './CreatePoolModal';
import { InitializeHezPoolModal } from './InitializeHezPoolModal';
import { ArrowRightLeft, Droplet, Settings, Home } from 'lucide-react';
import { ArrowRightLeft, Droplet, Settings } from 'lucide-react';
import { isFounderWallet } from '@pezkuwi/utils/auth';
export const DEXDashboard: React.FC = () => {
const navigate = useNavigate();
const { account } = useWallet();
const [activeTab, setActiveTab] = useState('swap');
web/src/components/dex/InitializeHezPoolModal.tsx
+3 -3
View File
@@ -144,13 +144,13 @@ export const InitializeHezPoolModal: React.FC<InitializeHezPoolModalProps> = ({
}
}
);
} catch (error: any) {
} catch (error) {
console.error('Wrap failed:', error);
setErrorMessage(error.message || 'Transaction failed');
setErrorMessage(error instanceof Error ? error.message : 'Transaction failed');
setTxStatus('error');
toast({
title: 'Error',
description: error.message || 'Wrap failed',
description: error instanceof Error ? error.message : 'Wrap failed',
variant: 'destructive',
});
}
web/src/components/dex/PoolBrowser.tsx
+1 -2
View File
@@ -3,7 +3,7 @@ import { usePolkadot } from '@/contexts/PolkadotContext';
import { useWallet } from '@/contexts/WalletContext';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge';
import { TrendingUp, Droplet, BarChart3, Search, Plus } from 'lucide-react';
import { TrendingUp, Droplet, Search, Plus } from 'lucide-react';
import { PoolInfo } from '@/types/dex';
import { fetchPools, formatTokenBalance } from '@pezkuwi/utils/dex';
import { isFounderWallet } from '@pezkuwi/utils/auth';
@@ -27,7 +27,6 @@ export const PoolBrowser: React.FC<PoolBrowserProps> = ({
const [pools, setPools] = useState<PoolInfo[]>([]);
const [loading, setLoading] = useState(true);
const [searchTerm, setSearchTerm] = useState('');
const [sortBy, setSortBy] = useState<'tvl' | 'volume' | 'apr'>('tvl');
const isFounder = account ? isFounderWallet(account.address) : false;
web/src/components/dex/RemoveLiquidityModal.tsx
+6 -6
View File
@@ -60,9 +60,9 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
// LP token ID is derived from pool ID
// For now, we'll query the pool's LP token supply
// In a real implementation, you'd need to query the specific LP token for the user
const lpAssetId = api.query.assetConversion.nextPoolAssetId
? await api.query.assetConversion.nextPoolAssetId()
: null;
if (api.query.assetConversion.nextPoolAssetId) {
await api.query.assetConversion.nextPoolAssetId();
}
// This is a simplified version - you'd need to track LP tokens properly
setLpTokenBalance('0'); // Placeholder
@@ -153,9 +153,9 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
}
}
);
} catch (error: any) {
} catch (error) {
console.error('Remove liquidity failed:', error);
setErrorMessage(error.message || 'Transaction failed');
setErrorMessage(error instanceof Error ? error.message : 'Transaction failed');
setTxStatus('error');
}
};
@@ -190,7 +190,7 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
<div className="flex items-start gap-2 p-3 bg-blue-500/10 border border-blue-500/30 rounded-lg">
<Info className="w-5 h-5 text-blue-400 flex-shrink-0 mt-0.5" />
<span className="text-sm text-blue-400">
Remove liquidity to receive your tokens back. You'll burn LP tokens in proportion to your withdrawal.
Remove liquidity to receive your tokens back. You&apos;ll burn LP tokens in proportion to your withdrawal.
</span>
</div>
web/src/components/dex/SwapInterface.tsx
+5 -6
View File
@@ -1,7 +1,7 @@
import React, { useState, useEffect } from 'react';
import { usePolkadot } from '@/contexts/PolkadotContext';
import { useWallet } from '@/contexts/WalletContext';
import { ArrowDownUp, AlertCircle, Loader2, CheckCircle, Info, Settings, AlertTriangle } from 'lucide-react';
import { ArrowDownUp, AlertCircle, Loader2, Info, Settings, AlertTriangle } from 'lucide-react';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
@@ -31,7 +31,7 @@ const USER_TOKENS = [
{ symbol: 'USDT', emoji: '💵', assetId: 2, name: 'USDT', decimals: 6, displaySymbol: 'USDT' },
] as const;
export const SwapInterface: React.FC<SwapInterfaceProps> = ({ initialPool, pools }) => {
export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
const { api, isApiReady } = usePolkadot();
const { account, signer } = useWallet();
const { toast } = useToast();
@@ -171,7 +171,6 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ initialPool, pools
const handleSwapDirection = () => {
const tempToken = fromToken;
const tempAmount = fromAmount;
const tempBalance = fromBalance;
setFromToken(toToken);
@@ -321,13 +320,13 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ initialPool, pools
}
}
);
} catch (error: any) {
} catch (error) {
console.error('Swap failed:', error);
setErrorMessage(error.message || 'Transaction failed');
setErrorMessage(error instanceof Error ? error.message : 'Transaction failed');
setTxStatus('error');
toast({
title: 'Error',
description: error.message || 'Swap transaction failed',
description: error instanceof Error ? error.message : 'Swap transaction failed',
variant: 'destructive',
});
}