e29d35f1e4
The entire skate-spots codebase was accidentally copied into src/src/ and public/public/ instead of src/ and public/ directly. This left the real src/ directory as blank MKStack template stubs, explaining why the landing page showed the default template instead of SkateSpots. Changes made: - Copied all files from src/src/ up to src/ (App.tsx, AppRouter.tsx, main.tsx, all pages, components, hooks, contexts, lib, i18n, test) - Copied all files from public/public/ up to public/ (images, manifest, etc.) - Deleted src/src/ and public/public/ nested directories - Removed HelloWorld.tsx template stub from pages/ - Retained the previously fixed index.css (Tailwind v3 directives) Full skate-spots feature set is now active: - All 30+ routes (map, events, spots, coaches, marketplace, wallet, etc.) - NWCProvider, LanguageProvider, PWAInstallPrompt, AmberCallbackHandler - Skate community relays (goskatespots.nostr1.com, wotr.relatr.xyz, etc.) - Outfit Variable font, Amber pre-check in main.tsx - All hooks (useSkateSpots, useCoaches, useZaps, etc.) - i18n support (en/es) Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
58 lines
No EOL
1.8 KiB
TypeScript
58 lines
No EOL
1.8 KiB
TypeScript
import { ZapDialog } from '@/components/ZapDialog';
|
|
import { useZaps } from '@/hooks/useZaps';
|
|
import { useWallet } from '@/hooks/useWallet';
|
|
import { useCurrentUser } from '@/hooks/useCurrentUser';
|
|
import { useAuthor } from '@/hooks/useAuthor';
|
|
import { Zap } from 'lucide-react';
|
|
import type { Event } from 'nostr-tools';
|
|
|
|
interface ZapButtonProps {
|
|
target: Event;
|
|
className?: string;
|
|
showCount?: boolean;
|
|
zapData?: { count: number; totalSats: number; isLoading?: boolean };
|
|
}
|
|
|
|
export function ZapButton({
|
|
target,
|
|
className = "text-xs ml-1",
|
|
showCount = true,
|
|
zapData: externalZapData
|
|
}: ZapButtonProps) {
|
|
const { user } = useCurrentUser();
|
|
const { data: author } = useAuthor(target?.pubkey || '');
|
|
const { webln, activeNWC } = useWallet();
|
|
|
|
// Only fetch data if not provided externally
|
|
const { totalSats: fetchedTotalSats, isLoading } = useZaps(
|
|
externalZapData ? [] : target ?? [], // Empty array prevents fetching if external data provided
|
|
webln,
|
|
activeNWC
|
|
);
|
|
|
|
// Don't show zap button if user is not logged in, is the author, or author has no lightning address
|
|
if (!user || !target || user.pubkey === target.pubkey || (!author?.metadata?.lud16 && !author?.metadata?.lud06)) {
|
|
return null;
|
|
}
|
|
|
|
// Use external data if provided, otherwise use fetched data
|
|
const totalSats = externalZapData?.totalSats ?? fetchedTotalSats;
|
|
const showLoading = externalZapData?.isLoading || isLoading;
|
|
|
|
return (
|
|
<ZapDialog target={target}>
|
|
<div className={`flex items-center gap-1 ${className}`}>
|
|
<Zap className="h-4 w-4" />
|
|
<span className="text-xs">
|
|
{showLoading ? (
|
|
'...'
|
|
) : showCount && totalSats > 0 ? (
|
|
`${totalSats.toLocaleString()}`
|
|
) : (
|
|
'Zap'
|
|
)}
|
|
</span>
|
|
</div>
|
|
</ZapDialog>
|
|
);
|
|
} |