remco/EpicNext-Cms
1
1 Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

revert fb8e77bb68
Local Build and Deploy / deploy (push) Successful in 1m11s
Details

Browse Source 
revert style: clean up code with prettier and eslint
This commit is contained in:
remco committed 2026-07-12 21:02:03 +02:00
1 parent 27de078f54
commit e85e4d74ea
378 files changed
+20710 -22428
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/admin/catalog/quick-add-furni.tsx
+78 -65
View File
@@ -1,79 +1,85 @@
"use client";
'use client'
import { Loader2, Package, Search, Zap } from "lucide-react";
import { useCallback, useEffect, useRef, useState } from "react";
import { toast } from "sonner";
import { createCatalogItem } from "@/actions/catalog-items";
import { Button } from "@/components/ui/button";
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { useServerAction } from "@/hooks/use-server-action";
import { getHabboCdnIconUrl, getLocalIconUrl } from "@/lib/furni/classname";
import { Loader2, Package, Search, Zap } from 'lucide-react'
import { useCallback, useEffect, useRef, useState } from 'react'
import { toast } from 'sonner'
import { createCatalogItem } from '@/actions/catalog-items'
import { Button } from '@/components/ui/button'
import {
Dialog,
DialogContent,
DialogHeader,
DialogTitle,
DialogTrigger,
} from '@/components/ui/dialog'
import { Input } from '@/components/ui/input'
import { useServerAction } from '@/hooks/use-server-action'
import { getHabboCdnIconUrl, getLocalIconUrl } from '@/lib/furni/classname'
interface FurniResult {
id: number;
itemName: string;
publicName: string;
type: string;
spriteId: number;
id: number
itemName: string
publicName: string
type: string
spriteId: number
}
interface QuickAddFurniProps {
pageId: number;
furniRevisionMap: Record<number, { classname: string; revision: number }>;
pageId: number
furniRevisionMap: Record<number, { classname: string; revision: number }>
}
export function QuickAddFurni({ pageId, furniRevisionMap }: QuickAddFurniProps) {
const [open, setOpen] = useState(false);
const [query, setQuery] = useState("");
const [debounced, setDebounced] = useState("");
const [results, setResults] = useState<FurniResult[]>([]);
const [loading, setLoading] = useState(false);
const { run, isPending } = useServerAction();
const inputRef = useRef<HTMLInputElement>(null);
const [open, setOpen] = useState(false)
const [query, setQuery] = useState('')
const [debounced, setDebounced] = useState('')
const [results, setResults] = useState<FurniResult[]>([])
const [loading, setLoading] = useState(false)
const { run, isPending } = useServerAction()
const inputRef = useRef<HTMLInputElement>(null)
// Keyboard shortcut: Ctrl+K / Cmd+K
useEffect(() => {
function onKeyDown(e: KeyboardEvent) {
if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
const tag = (e.target as HTMLElement)?.tagName;
if (tag === "INPUT" || tag === "TEXTAREA") return;
e.preventDefault();
setOpen(true);
if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k') {
const tag = (e.target as HTMLElement)?.tagName
if (tag === 'INPUT' || tag === 'TEXTAREA') return
e.preventDefault()
setOpen(true)
}
}
document.addEventListener("keydown", onKeyDown);
return () => document.removeEventListener("keydown", onKeyDown);
}, []);
document.addEventListener('keydown', onKeyDown)
return () => document.removeEventListener('keydown', onKeyDown)
}, [])
// Debounce search
useEffect(() => {
const t = setTimeout(() => setDebounced(query.trim()), 300);
return () => clearTimeout(t);
}, [query]);
const t = setTimeout(() => setDebounced(query.trim()), 300)
return () => clearTimeout(t)
}, [query])
// Focus input when opened
useEffect(() => {
if (open) setTimeout(() => inputRef.current?.focus(), 50);
}, [open]);
if (open) setTimeout(() => inputRef.current?.focus(), 50)
}, [open])
// Fetch results
useEffect(() => {
if (!open || debounced.length < 2) {
setResults([]);
return;
setResults([])
return
}
setLoading(true);
const ac = new AbortController();
setLoading(true)
const ac = new AbortController()
fetch(`/api/admin/furni/search?q=${encodeURIComponent(debounced)}&limit=30`, {
signal: ac.signal,
})
.then((r) => r.json())
.then((data) => setResults(data.results ?? []))
.catch(() => {})
.finally(() => setLoading(false));
return () => ac.abort();
}, [debounced, open]);
.finally(() => setLoading(false))
return () => ac.abort()
}, [debounced, open])
const handleAdd = useCallback(
(base: FurniResult) => {
@@ -92,21 +98,21 @@ export function QuickAddFurni({ pageId, furniRevisionMap }: QuickAddFurniProps)
orderNumber: 1,
offerId: -1,
songId: 0,
haveOffer: "1",
clubOnly: "0",
extradata: "",
haveOffer: '1',
clubOnly: '0',
extradata: '',
}),
{
successMessage: `Added "${base.publicName || base.itemName}" to page.`,
errorMessage: "Failed to add item.",
errorMessage: 'Failed to add item.',
onSuccess: () => {
toast.success(`Added #${base.id}`);
toast.success(`Added #${base.id}`)
},
},
);
)
},
[pageId, run],
);
)
return (
<Dialog open={open} onOpenChange={setOpen}>
@@ -114,7 +120,9 @@ export function QuickAddFurni({ pageId, furniRevisionMap }: QuickAddFurniProps)
<Button variant="outline" size="sm">
<Zap className="mr-2 h-4 w-4" />
Quick Add
<kbd className="ml-2 hidden rounded border bg-muted px-1 text-[10px] sm:inline">Ctrl+K</kbd>
<kbd className="ml-2 hidden rounded border bg-muted px-1 text-[10px] sm:inline">
Ctrl+K
</kbd>
</Button>
</DialogTrigger>
<DialogContent className="max-w-2xl">
@@ -148,7 +156,7 @@ export function QuickAddFurni({ pageId, furniRevisionMap }: QuickAddFurniProps)
) : (
<div className="divide-y">
{results.map((r) => {
const furni = furniRevisionMap[r.id];
const furni = furniRevisionMap[r.id]
return (
<button
key={r.id}
@@ -157,10 +165,15 @@ export function QuickAddFurni({ pageId, furniRevisionMap }: QuickAddFurniProps)
disabled={isPending}
className="flex w-full items-center gap-3 px-3 py-2 text-left hover:bg-accent disabled:opacity-50"
>
<FurniThumb classname={furni?.classname ?? r.itemName} revision={furni?.revision ?? 0} />
<FurniThumb
classname={furni?.classname ?? r.itemName}
revision={furni?.revision ?? 0}
/>
<div className="min-w-0 flex-1">
<p className="truncate text-sm font-medium">
{r.publicName || <span className="italic text-muted-foreground">{r.itemName}</span>}
{r.publicName || (
<span className="italic text-muted-foreground">{r.itemName}</span>
)}
</p>
<p className="truncate font-mono text-[11px] text-muted-foreground">
#{r.id} · {r.itemName} · {r.type}
@@ -168,14 +181,14 @@ export function QuickAddFurni({ pageId, furniRevisionMap }: QuickAddFurniProps)
</div>
<span className="shrink-0 text-xs text-muted-foreground">Add →</span>
</button>
);
)
})}
</div>
)}
</div>
</DialogContent>
</Dialog>
);
)
}
function FurniThumb({ classname, revision }: { classname: string; revision: number }) {
@@ -184,17 +197,17 @@ function FurniThumb({ classname, revision }: { classname: string; revision: numb
<div className="flex h-10 w-10 items-center justify-center rounded bg-muted">
<Package className="h-4 w-4 text-muted-foreground" />
</div>
);
)
}
const primary = getLocalIconUrl(classname);
const primary = getLocalIconUrl(classname)
function handleError(e: React.SyntheticEvent<HTMLImageElement>) {
const img = e.target as HTMLImageElement;
const img = e.target as HTMLImageElement
if (!img.dataset.fallback && revision > 0) {
img.dataset.fallback = "cdn";
img.src = getHabboCdnIconUrl(classname, revision);
img.dataset.fallback = 'cdn'
img.src = getHabboCdnIconUrl(classname, revision)
} else {
img.style.opacity = "0";
img.style.opacity = '0'
}
}
@@ -205,10 +218,10 @@ function FurniThumb({ classname, revision }: { classname: string; revision: numb
src={primary}
alt={classname}
className="max-h-full max-w-full object-contain"
style={{ imageRendering: "pixelated" }}
style={{ imageRendering: 'pixelated' }}
onError={handleError}
loading="lazy"
/>
</div>
);
)
}