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

style: format code with prettier
Local Build and Deploy / deploy (push) Successful in 49s
Details

Browse Source
This commit is contained in:
openhands committed 2026-07-12 21:07:34 +02:00
1 parent e85e4d74ea
commit 2e4ed76121
378 files changed
+22404 -20686
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
+65 -78
View File
@@ -1,85 +1,79 @@
'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) => {
@@ -98,21 +92,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}>
@@ -120,9 +114,7 @@ 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">
@@ -156,7 +148,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}
@@ -165,15 +157,10 @@ 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}
@@ -181,14 +168,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 }) {
@@ -197,17 +184,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";
}
}
@@ -218,10 +205,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>
)
);
}