revert fb8e77bb68

revert style: clean up code with prettier and eslint

src/app/admin/import/badges/badge-editor-dialog.tsx

@@ -1,56 +1,62 @@
-"use client";
+'use client'
 
-import { Loader2 } from "lucide-react";
-import { useEffect, useState } from "react";
-import { toast } from "sonner";
-import { getBadgeData, updateBadge } from "@/actions/badges";
-import { Button } from "@/components/ui/button";
-import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { useServerAction } from "@/hooks/use-server-action";
+import { Loader2 } from 'lucide-react'
+import { useEffect, useState } from 'react'
+import { toast } from 'sonner'
+import { getBadgeData, updateBadge } from '@/actions/badges'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { useServerAction } from '@/hooks/use-server-action'
 
 interface BadgeEditorDialogProps {
-  code: string;
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
+  code: string
+  open: boolean
+  onOpenChange: (open: boolean) => void
   /** Called after a successful save so the parent can refresh state */
-  onSaved?: () => void;
+  onSaved?: () => void
 }
 
 export function BadgeEditorDialog({ code, open, onOpenChange, onSaved }: BadgeEditorDialogProps) {
-  const [name, setName] = useState("");
-  const [desc, setDesc] = useState("");
-  const [loading, setLoading] = useState(false);
-  const { run, isPending: saving } = useServerAction();
+  const [name, setName] = useState('')
+  const [desc, setDesc] = useState('')
+  const [loading, setLoading] = useState(false)
+  const { run, isPending: saving } = useServerAction()
 
   // Fetch current values when dialog opens
   useEffect(() => {
-    if (!open || !code) return;
-    setLoading(true);
+    if (!open || !code) return
+    setLoading(true)
     getBadgeData({ code })
       .then((result) => {
         if (result.ok) {
-          const data = result.data as { name: string; desc: string };
-          setName(data.name ?? "");
-          setDesc(data.desc ?? "");
+          const data = result.data as { name: string; desc: string }
+          setName(data.name ?? '')
+          setDesc(data.desc ?? '')
         }
       })
       .catch(() => {
-        toast.error("Failed to load badge data");
+        toast.error('Failed to load badge data')
       })
-      .finally(() => setLoading(false));
-  }, [open, code]);
+      .finally(() => setLoading(false))
+  }, [open, code])
 
   function handleSave() {
     run(() => updateBadge({ code, name, desc }), {
       successMessage: `Badge ${code} updated`,
-      errorMessage: "Save failed",
+      errorMessage: 'Save failed',
       onSuccess: () => {
-        onSaved?.();
-        onOpenChange(false);
+        onSaved?.()
+        onOpenChange(false)
       },
-    });
+    })
   }
 
   return (
@@ -98,5 +104,5 @@ export function BadgeEditorDialog({ code, open, onOpenChange, onSaved }: BadgeEd
         </DialogFooter>
       </DialogContent>
     </Dialog>
-  );
+  )
 }

src/app/admin/import/badges/import-badges-client.tsx

@@ -1,4 +1,4 @@
-"use client";
+'use client'
 
 import {
   AlertCircle,
@@ -12,179 +12,183 @@ import {
   Pencil,
   Search,
   X,
-} from "lucide-react";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { toast } from "sonner";
-import { importBadgeFromRemote } from "@/actions/import-badges";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
-import { cn } from "@/lib/utils";
-import { BadgeEditorDialog } from "./badge-editor-dialog";
+} from 'lucide-react'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { toast } from 'sonner'
+import { importBadgeFromRemote } from '@/actions/import-badges'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
+import { cn } from '@/lib/utils'
+import { BadgeEditorDialog } from './badge-editor-dialog'
 
 interface BadgeItem {
-  id: number;
-  code: string;
-  name: string;
-  description: string;
-  hotel: string;
-  url_habbo: string;
-  url_habboassets: string;
-  alreadyImported: boolean;
+  id: number
+  code: string
+  name: string
+  description: string
+  hotel: string
+  url_habbo: string
+  url_habboassets: string
+  alreadyImported: boolean
 }
 
-const PAGE_SIZE = 100;
+const PAGE_SIZE = 100
 
 export function ImportBadgesClient() {
-  const [searchTerm, setSearchTerm] = useState("");
-  const [activeSearch, setActiveSearch] = useState("");
-  const [badges, setBadges] = useState<BadgeItem[]>([]);
-  const [offset, setOffset] = useState(0);
-  const [hasMore, setHasMore] = useState(false);
-  const [loading, setLoading] = useState(false);
-  const [importingCode, setImportingCode] = useState<string | null>(null);
-  const [error, setError] = useState("");
-  const [allHotels, setAllHotels] = useState(true);
-  const [editingCode, setEditingCode] = useState<string | null>(null);
-  const [selected, setSelected] = useState<Set<string>>(new Set());
-  const [batchImporting, setBatchImporting] = useState(false);
-  const searchRef = useRef<HTMLInputElement>(null);
+  const [searchTerm, setSearchTerm] = useState('')
+  const [activeSearch, setActiveSearch] = useState('')
+  const [badges, setBadges] = useState<BadgeItem[]>([])
+  const [offset, setOffset] = useState(0)
+  const [hasMore, setHasMore] = useState(false)
+  const [loading, setLoading] = useState(false)
+  const [importingCode, setImportingCode] = useState<string | null>(null)
+  const [error, setError] = useState('')
+  const [allHotels, setAllHotels] = useState(true)
+  const [editingCode, setEditingCode] = useState<string | null>(null)
+  const [selected, setSelected] = useState<Set<string>>(new Set())
+  const [batchImporting, setBatchImporting] = useState(false)
+  const searchRef = useRef<HTMLInputElement>(null)
 
   const fetchBadges = useCallback(async (search: string, off: number, all: boolean) => {
-    setLoading(true);
-    setError("");
+    setLoading(true)
+    setError('')
     try {
-      const params = new URLSearchParams({ offset: String(off) });
-      if (search) params.set("search", search);
-      if (all) params.set("allHotels", "1");
-      const res = await fetch(`/api/admin/import/badges?${params}`);
-      const data = await res.json();
+      const params = new URLSearchParams({ offset: String(off) })
+      if (search) params.set('search', search)
+      if (all) params.set('allHotels', '1')
+      const res = await fetch(`/api/admin/import/badges?${params}`)
+      const data = await res.json()
       if (!res.ok) {
-        setError(data.error || "Failed to load");
-        return;
+        setError(data.error || 'Failed to load')
+        return
       }
-      const list = data.badges || [];
-      setBadges(list);
-      setHasMore(list.length >= PAGE_SIZE);
-      setSelected(new Set());
+      const list = data.badges || []
+      setBadges(list)
+      setHasMore(list.length >= PAGE_SIZE)
+      setSelected(new Set())
     } catch {
-      setError("Network error");
+      setError('Network error')
     } finally {
-      setLoading(false);
+      setLoading(false)
     }
-  }, []);
+  }, [])
 
   // Auto-load on mount and when allHotels changes
   // biome-ignore lint/correctness/useExhaustiveDependencies: explicitly chosen here, see surrounding code
   useEffect(() => {
-    setOffset(0);
-    fetchBadges(activeSearch, 0, allHotels);
-  }, [fetchBadges, allHotels]);
+    setOffset(0)
+    fetchBadges(activeSearch, 0, allHotels)
+  }, [fetchBadges, allHotels])
 
   // "/" keyboard shortcut to focus search
   useEffect(() => {
     function onKeyDown(e: KeyboardEvent) {
-      if (e.key === "/" && !e.metaKey && !e.ctrlKey && !e.altKey) {
-        const tag = (e.target as HTMLElement)?.tagName;
-        if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return;
-        e.preventDefault();
-        searchRef.current?.focus();
+      if (e.key === '/' && !e.metaKey && !e.ctrlKey && !e.altKey) {
+        const tag = (e.target as HTMLElement)?.tagName
+        if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return
+        e.preventDefault()
+        searchRef.current?.focus()
       }
     }
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, []);
+    document.addEventListener('keydown', onKeyDown)
+    return () => document.removeEventListener('keydown', onKeyDown)
+  }, [])
 
   function doSearch() {
-    setActiveSearch(searchTerm);
-    setOffset(0);
-    fetchBadges(searchTerm, 0, allHotels);
+    setActiveSearch(searchTerm)
+    setOffset(0)
+    fetchBadges(searchTerm, 0, allHotels)
   }
 
-  function goPage(direction: "prev" | "next") {
-    const newOffset = direction === "next" ? offset + PAGE_SIZE : Math.max(0, offset - PAGE_SIZE);
-    setOffset(newOffset);
-    fetchBadges(activeSearch, newOffset, allHotels);
+  function goPage(direction: 'prev' | 'next') {
+    const newOffset = direction === 'next' ? offset + PAGE_SIZE : Math.max(0, offset - PAGE_SIZE)
+    setOffset(newOffset)
+    fetchBadges(activeSearch, newOffset, allHotels)
   }
 
   async function doImport(badge: BadgeItem) {
-    setImportingCode(badge.code);
+    setImportingCode(badge.code)
     try {
       const result = await importBadgeFromRemote({
         code: badge.code,
         name: badge.name,
         description: badge.description,
-      });
+      })
       if (result.ok) {
-        toast.success(`${badge.code} imported`);
-        setBadges((prev) => prev.map((b) => (b.code === badge.code ? { ...b, alreadyImported: true } : b)));
+        toast.success(`${badge.code} imported`)
+        setBadges((prev) =>
+          prev.map((b) => (b.code === badge.code ? { ...b, alreadyImported: true } : b)),
+        )
         setSelected((prev) => {
-          const n = new Set(prev);
-          n.delete(badge.code);
-          return n;
-        });
+          const n = new Set(prev)
+          n.delete(badge.code)
+          return n
+        })
       } else {
-        toast.error(result.error || `Failed to import ${badge.code}`);
+        toast.error(result.error || `Failed to import ${badge.code}`)
       }
     } catch {
-      toast.error(`Network error importing ${badge.code}`);
+      toast.error(`Network error importing ${badge.code}`)
     } finally {
-      setImportingCode(null);
+      setImportingCode(null)
     }
   }
 
   async function doBatchImport() {
-    const toImport = badges.filter((b) => selected.has(b.code) && !b.alreadyImported);
-    if (toImport.length === 0) return;
-    setBatchImporting(true);
+    const toImport = badges.filter((b) => selected.has(b.code) && !b.alreadyImported)
+    if (toImport.length === 0) return
+    setBatchImporting(true)
     let ok = 0,
-      fail = 0;
+      fail = 0
     for (const badge of toImport) {
       try {
         const result = await importBadgeFromRemote({
           code: badge.code,
           name: badge.name,
           description: badge.description,
-        });
+        })
         if (result.ok) {
-          ok++;
-          setBadges((prev) => prev.map((b) => (b.code === badge.code ? { ...b, alreadyImported: true } : b)));
+          ok++
+          setBadges((prev) =>
+            prev.map((b) => (b.code === badge.code ? { ...b, alreadyImported: true } : b)),
+          )
         } else {
-          fail++;
+          fail++
         }
       } catch {
-        fail++;
+        fail++
       }
     }
-    setBatchImporting(false);
-    setSelected(new Set());
-    if (ok > 0) toast.success(`${ok} badge(s) imported`);
-    if (fail > 0) toast.error(`${fail} failed`);
+    setBatchImporting(false)
+    setSelected(new Set())
+    if (ok > 0) toast.success(`${ok} badge(s) imported`)
+    if (fail > 0) toast.error(`${fail} failed`)
   }
 
   function toggleSelect(code: string) {
     setSelected((prev) => {
-      const next = new Set(prev);
-      if (next.has(code)) next.delete(code);
-      else next.add(code);
-      return next;
-    });
+      const next = new Set(prev)
+      if (next.has(code)) next.delete(code)
+      else next.add(code)
+      return next
+    })
   }
 
-  const importableBadges = useMemo(() => badges.filter((b) => !b.alreadyImported), [badges]);
+  const importableBadges = useMemo(() => badges.filter((b) => !b.alreadyImported), [badges])
 
   function toggleSelectAll() {
     if (selected.size === importableBadges.length) {
-      setSelected(new Set());
+      setSelected(new Set())
     } else {
-      setSelected(new Set(importableBadges.map((b) => b.code)));
+      setSelected(new Set(importableBadges.map((b) => b.code)))
     }
   }
 
   // Stats
-  const importedCount = useMemo(() => badges.filter((b) => b.alreadyImported).length, [badges]);
-  const currentPage = Math.floor(offset / PAGE_SIZE) + 1;
+  const importedCount = useMemo(() => badges.filter((b) => b.alreadyImported).length, [badges])
+  const currentPage = Math.floor(offset / PAGE_SIZE) + 1
 
   return (
     <TooltipProvider delayDuration={300}>
@@ -222,10 +226,10 @@ export function ImportBadgesClient() {
               value={searchTerm}
               onChange={(e) => setSearchTerm(e.target.value)}
               onKeyDown={(e) => {
-                if (e.key === "Enter") doSearch();
-                if (e.key === "Escape") {
-                  setSearchTerm("");
-                  searchRef.current?.blur();
+                if (e.key === 'Enter') doSearch()
+                if (e.key === 'Escape') {
+                  setSearchTerm('')
+                  searchRef.current?.blur()
                 }
               }}
               className="pl-9 pr-8"
@@ -234,9 +238,9 @@ export function ImportBadgesClient() {
               <button
                 type="button"
                 onClick={() => {
-                  setSearchTerm("");
-                  setActiveSearch("");
-                  fetchBadges("", 0, allHotels);
+                  setSearchTerm('')
+                  setActiveSearch('')
+                  fetchBadges('', 0, allHotels)
                 }}
                 className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
               >
@@ -245,24 +249,28 @@ export function ImportBadgesClient() {
             )}
           </div>
           <Button onClick={doSearch} size="sm" disabled={loading}>
-            {loading ? <Loader2 className="w-4 h-4 animate-spin" /> : <Search className="w-4 h-4" />}
+            {loading ? (
+              <Loader2 className="w-4 h-4 animate-spin" />
+            ) : (
+              <Search className="w-4 h-4" />
+            )}
           </Button>
           <Tooltip>
             <TooltipTrigger asChild>
               <Button
-                variant={allHotels ? "default" : "outline"}
+                variant={allHotels ? 'default' : 'outline'}
                 size="sm"
                 onClick={() => setAllHotels((v) => !v)}
               >
                 <Globe className="w-4 h-4 mr-1" />
-                {allHotels ? "All" : "IT"}
+                {allHotels ? 'All' : 'IT'}
               </Button>
             </TooltipTrigger>
             <TooltipContent>
               <p>
                 {allHotels
-                  ? "Showing all hotels — click for Italian only"
-                  : "Showing Italian only — click for all hotels"}
+                  ? 'Showing all hotels — click for Italian only'
+                  : 'Showing Italian only — click for all hotels'}
               </p>
             </TooltipContent>
           </Tooltip>
@@ -279,7 +287,7 @@ export function ImportBadgesClient() {
               disabled={batchImporting}
             >
               {selected.size === importableBadges.length
-                ? "Deselect All"
+                ? 'Deselect All'
                 : `Select All (${importableBadges.length})`}
             </Button>
             {selected.size > 0 && (
@@ -322,7 +330,7 @@ export function ImportBadgesClient() {
         {!loading && badges.length === 0 && !error && (
           <div className="text-center py-12 text-muted-foreground">
             <BadgeCheck className="w-12 h-12 mx-auto mb-3 opacity-50" />
-            <p className="text-sm">No badges found{activeSearch ? ` for "${activeSearch}"` : ""}</p>
+            <p className="text-sm">No badges found{activeSearch ? ` for "${activeSearch}"` : ''}</p>
             {!activeSearch && <p className="text-xs mt-1">Try searching by badge name or code</p>}
           </div>
         )}
@@ -330,17 +338,20 @@ export function ImportBadgesClient() {
         {/* Badge grid */}
         {badges.length > 0 && (
           <div
-            className={cn("grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-3", loading && "opacity-50")}
+            className={cn(
+              'grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-3',
+              loading && 'opacity-50',
+            )}
           >
             {badges.map((badge) => {
-              const isSelected = selected.has(badge.code);
+              const isSelected = selected.has(badge.code)
               return (
                 <div
                   key={badge.code}
                   className={cn(
-                    "rounded-lg border overflow-hidden bg-card group relative hover:border-border transition-all",
-                    badge.alreadyImported && "ring-1 ring-[var(--admin-success)]/30",
-                    isSelected && "ring-2 ring-primary border-primary",
+                    'rounded-lg border overflow-hidden bg-card group relative hover:border-border transition-all',
+                    badge.alreadyImported && 'ring-1 ring-[var(--admin-success)]/30',
+                    isSelected && 'ring-2 ring-primary border-primary',
                   )}
                 >
                   {/* Checkbox for non-imported */}
@@ -349,10 +360,10 @@ export function ImportBadgesClient() {
                       type="button"
                       onClick={() => toggleSelect(badge.code)}
                       className={cn(
-                        "absolute top-1.5 left-1.5 z-10 w-5 h-5 rounded border-2 flex items-center justify-center transition-colors",
+                        'absolute top-1.5 left-1.5 z-10 w-5 h-5 rounded border-2 flex items-center justify-center transition-colors',
                         isSelected
-                          ? "bg-primary border-primary text-primary-foreground"
-                          : "bg-background/80 border-muted-foreground/30 hover:border-muted-foreground",
+                          ? 'bg-primary border-primary text-primary-foreground'
+                          : 'bg-background/80 border-muted-foreground/30 hover:border-muted-foreground',
                       )}
                     >
                       {isSelected && <Check className="w-3 h-3" />}
@@ -367,12 +378,12 @@ export function ImportBadgesClient() {
                       className="image-pixelated drop-shadow-sm"
                       style={{ maxHeight: 48, maxWidth: 48 }}
                       onError={(e) => {
-                        const img = e.target as HTMLImageElement;
+                        const img = e.target as HTMLImageElement
                         if (!img.dataset.fallback) {
-                          img.dataset.fallback = "1";
-                          img.src = badge.url_habboassets;
+                          img.dataset.fallback = '1'
+                          img.src = badge.url_habboassets
                         } else {
-                          img.style.opacity = "0.3";
+                          img.style.opacity = '0.3'
                         }
                       }}
                     />
@@ -391,7 +402,9 @@ export function ImportBadgesClient() {
                         <TooltipContent side="bottom" className="max-w-64">
                           <p className="font-medium">{badge.name}</p>
                           {badge.description && (
-                            <p className="text-muted-foreground text-xs mt-1">{badge.description}</p>
+                            <p className="text-muted-foreground text-xs mt-1">
+                              {badge.description}
+                            </p>
                           )}
                         </TooltipContent>
                       </Tooltip>
@@ -439,7 +452,7 @@ export function ImportBadgesClient() {
                     </div>
                   </div>
                 </div>
-              );
+              )
             })}
           </div>
         )}
@@ -453,7 +466,7 @@ export function ImportBadgesClient() {
                 variant="outline"
                 size="sm"
                 disabled={offset <= 0 || loading}
-                onClick={() => goPage("prev")}
+                onClick={() => goPage('prev')}
               >
                 &larr; Prev
               </Button>
@@ -461,7 +474,7 @@ export function ImportBadgesClient() {
                 variant="outline"
                 size="sm"
                 disabled={!hasMore || loading}
-                onClick={() => goPage("next")}
+                onClick={() => goPage('next')}
               >
                 Next &rarr;
               </Button>
@@ -471,13 +484,13 @@ export function ImportBadgesClient() {
 
         {/* Badge Editor Dialog */}
         <BadgeEditorDialog
-          code={editingCode ?? ""}
+          code={editingCode ?? ''}
           open={!!editingCode}
           onOpenChange={(open) => {
-            if (!open) setEditingCode(null);
+            if (!open) setEditingCode(null)
           }}
         />
       </div>
     </TooltipProvider>
-  );
+  )
 }

src/app/admin/import/badges/loading.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "@/components/ui/skeleton";
+import { Skeleton } from '@/components/ui/skeleton'
 
 export default function ImportBadgesLoading() {
   return (
@@ -17,5 +17,5 @@ export default function ImportBadgesLoading() {
         <Skeleton className="h-10 w-24 mt-4" />
       </div>
     </div>
-  );
+  )
 }

src/app/admin/import/badges/page.tsx

@@ -1,12 +1,12 @@
-import { redirect } from "next/navigation";
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
-import { ImportBadgesClient } from "./import-badges-client";
+import { redirect } from 'next/navigation'
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
+import { ImportBadgesClient } from './import-badges-client'
 
 export default async function ImportBadgesPage(_props: { params: Promise<{ locale: string }> }) {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.ASSETS_IMPORT, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
 
-  return <ImportBadgesClient />;
+  return <ImportBadgesClient />
 }