mirror of
https://github.com/pezkuwichain/pwap.git
synced 2026-04-25 16:28:02 +00:00
Claude
c59f5c3391
This commit reorganizes the codebase to eliminate duplication between web and mobile frontends by moving all commonly used files to the shared folder. Changes: - Moved lib files to shared/lib/: * wallet.ts, staking.ts, tiki.ts, identity.ts * multisig.ts, usdt.ts, scores.ts, citizenship-workflow.ts - Moved utils to shared/utils/: * auth.ts, dex.ts * Created format.ts (extracted formatNumber from web utils) - Created shared/theme/: * colors.ts (Kurdistan and App color definitions) - Updated web configuration: * Added @pezkuwi/* path aliases in tsconfig.json and vite.config.ts * Updated all imports to use @pezkuwi/lib/*, @pezkuwi/utils/*, @pezkuwi/theme/* * Removed duplicate files from web/src/lib and web/src/utils - Updated mobile configuration: * Added @pezkuwi/* path aliases in tsconfig.json * Updated theme/colors.ts to re-export from shared * Mobile already uses relative imports to shared (no changes needed) Architecture Benefits: - Single source of truth for common code - No duplication between frontends - Easier maintenance and consistency - Clear separation of shared vs platform-specific code Web-specific files kept: - web/src/lib/supabase.ts - web/src/lib/utils.ts (cn function for Tailwind, re-exports formatNumber from shared) All imports updated and tested. Both web and mobile now use the centralized shared folder.
101 lines
3.2 KiB
TypeScript
101 lines
3.2 KiB
TypeScript
import React from 'react';
|
|
import { Wallet, LogOut, AlertCircle } from 'lucide-react';
|
|
import { Button } from '@/components/ui/button';
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem,
|
|
DropdownMenuLabel,
|
|
DropdownMenuSeparator,
|
|
DropdownMenuTrigger,
|
|
} from '@/components/ui/dropdown-menu';
|
|
import { useWallet } from '@/contexts/WalletContext';
|
|
import { formatAddress, formatBalance } from '@pezkuwi/lib/wallet';
|
|
import { Badge } from '@/components/ui/badge';
|
|
|
|
export const WalletButton: React.FC = () => {
|
|
const {
|
|
isConnected,
|
|
address,
|
|
balance,
|
|
chainId,
|
|
error,
|
|
connectMetaMask,
|
|
disconnect,
|
|
switchNetwork
|
|
} = useWallet();
|
|
|
|
if (!isConnected) {
|
|
return (
|
|
<div className="flex items-center gap-2">
|
|
{error && (
|
|
<div className="flex items-center gap-2 text-sor text-sm">
|
|
<AlertCircle className="h-4 w-4" />
|
|
<span>{error}</span>
|
|
</div>
|
|
)}
|
|
<Button
|
|
onClick={connectMetaMask}
|
|
className="bg-kesk hover:bg-kesk/90 text-white"
|
|
>
|
|
<Wallet className="mr-2 h-4 w-4" />
|
|
Connect Wallet
|
|
</Button>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
const isCorrectNetwork = chainId === '0x2329';
|
|
|
|
return (
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger asChild>
|
|
<Button variant="outline" className="border-kesk/20 hover:border-kesk">
|
|
<div className="flex items-center gap-2">
|
|
<Wallet className="h-4 w-4 text-kesk" />
|
|
<div className="text-left">
|
|
<div className="text-sm font-medium">{formatAddress(address!)}</div>
|
|
<div className="text-xs text-muted-foreground">{formatBalance(balance)} HEZ</div>
|
|
</div>
|
|
{!isCorrectNetwork && (
|
|
<Badge variant="destructive" className="ml-2 bg-sor">
|
|
Wrong Network
|
|
</Badge>
|
|
)}
|
|
</div>
|
|
</Button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent align="end" className="w-56">
|
|
<DropdownMenuLabel>Wallet Details</DropdownMenuLabel>
|
|
<DropdownMenuSeparator />
|
|
<div className="px-2 py-1.5">
|
|
<div className="text-sm text-muted-foreground">Address</div>
|
|
<div className="text-sm font-mono">{formatAddress(address!)}</div>
|
|
</div>
|
|
<div className="px-2 py-1.5">
|
|
<div className="text-sm text-muted-foreground">Balance</div>
|
|
<div className="text-sm font-medium">{formatBalance(balance)} HEZ</div>
|
|
</div>
|
|
<div className="px-2 py-1.5">
|
|
<div className="text-sm text-muted-foreground">Network</div>
|
|
<div className="text-sm font-medium">
|
|
{isCorrectNetwork ? 'PezkuwiChain' : 'Unknown Network'}
|
|
</div>
|
|
</div>
|
|
<DropdownMenuSeparator />
|
|
{!isCorrectNetwork && (
|
|
<>
|
|
<DropdownMenuItem onClick={switchNetwork} className="text-zer">
|
|
Switch to PezkuwiChain
|
|
</DropdownMenuItem>
|
|
<DropdownMenuSeparator />
|
|
</>
|
|
)}
|
|
<DropdownMenuItem onClick={disconnect} className="text-sor">
|
|
<LogOut className="mr-2 h-4 w-4" />
|
|
Disconnect
|
|
</DropdownMenuItem>
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
);
|
|
}; |