Bungus-People/magikarp-collection
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make sure the reverse override is considered for collected logic

Browse Source
This commit is contained in:
Foohoo
2025-08-17 15:29:51 +01:00
parent da70f6f184
commit 683df65774
3 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/app/page.tsx
View File

@@ -20,6 +20,7 @@ export default function Page() {
const [updatedAt, setUpdatedAt] = useState<string | null>(null);
const [cachedFlag, setCachedFlag] = useState<boolean | null>(null);
const [toast, setToast] = useState<string | null>(null);
const [overrides, setOverrides] = useState<Record<string, boolean>>({});
useEffect(() => {
(async () => {
@@ -28,6 +29,30 @@ export default function Page() {
})();
}, []);
// Load reverse overrides at start
useEffect(() => {
(async () => {
try {
const res = await fetch('/api/magikarp/override', { cache: 'no-store' });
if (!res.ok) return;
const json = await res.json();
const map = (json?.data?.reverseHolofoil || {}) as Record<string, boolean>;
if (map && typeof map === 'object') setOverrides(map);
} catch {}
})();
// Listen for UI-initiated override changes
function onOverrideChanged(ev: Event) {
try {
const ce = ev as CustomEvent<{ id: string; reverse: boolean }>;
const { id, reverse } = ce.detail || ({} as any);
if (!id) return;
setOverrides((prev) => ({ ...prev, [id]: !!reverse }));
} catch {}
}
window.addEventListener('reverse-override-changed', onOverrideChanged as EventListener);
return () => window.removeEventListener('reverse-override-changed', onOverrideChanged as EventListener);
}, []);
useEffect(() => {
async function load() {
setLoading(true);
@@ -121,7 +146,7 @@ export default function Page() {
function availableVariants(card: TcgCard): VariantKey[] {
const list: VariantKey[] = ['base'];
const hasHolo = !!(card.variants?.holofoil || (card as any).tcgplayer?.prices?.holofoil);
const hasReverse = !!(card.variants?.reverseHolofoil || (card as any).tcgplayer?.prices?.reverseHolofoil);
const hasReverse = !!(card.variants?.reverseHolofoil || (card as any).tcgplayer?.prices?.reverseHolofoil) || !!overrides[card.id];
if (hasHolo) list.push('holofoil');
if (hasReverse) list.push('reverseHolofoil');
return list;

4
src/components/CardItem.tsx
View File

@@ -117,6 +117,8 @@ export default function CardItem({ card, checked, onToggle }:{ card: TcgCard; ch
body: JSON.stringify({ id: card.id, reverseHolofoil: true }),
});
setReverseOverride(true);
// Notify app to recompute availableVariants immediately
try { window.dispatchEvent(new CustomEvent('reverse-override-changed', { detail: { id: card.id, reverse: true } })); } catch {}
} catch {}
}}
>
@@ -139,6 +141,8 @@ export default function CardItem({ card, checked, onToggle }:{ card: TcgCard; ch
});
setReverseOverride(false);
setReverseRemoved(true);
// Notify app to recompute availableVariants immediately
try { window.dispatchEvent(new CustomEvent('reverse-override-changed', { detail: { id: card.id, reverse: false } })); } catch {}
} catch {}
}}
>