style: format code with prettier

src/app/admin/banners/banners-manager.tsx

@@ -1,64 +1,64 @@
-'use client'
+"use client";
 
-import { Pencil, Plus, Trash2 } from 'lucide-react'
-import { useState } from 'react'
-import { createBanner, deleteBanner, updateBanner } from '@/actions/banners'
-import { Badge } from '@/components/ui/badge'
-import { Button } from '@/components/ui/button'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
-import { DateTimePicker } from '@/components/ui/date-time-picker'
-import { Input } from '@/components/ui/input'
-import { Label } from '@/components/ui/label'
-import { Switch } from '@/components/ui/switch'
-import { useServerAction } from '@/hooks/use-server-action'
+import { Pencil, Plus, Trash2 } from "lucide-react";
+import { useState } from "react";
+import { createBanner, deleteBanner, updateBanner } from "@/actions/banners";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { DateTimePicker } from "@/components/ui/date-time-picker";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Switch } from "@/components/ui/switch";
+import { useServerAction } from "@/hooks/use-server-action";
 
 interface Banner {
-  id: number
-  title: string
-  subtitle: string
-  image: string
-  link: string
-  color: string
-  isActive: number
-  sortOrder: number
-  startDate: string | null
-  endDate: string | null
+  id: number;
+  title: string;
+  subtitle: string;
+  image: string;
+  link: string;
+  color: string;
+  isActive: number;
+  sortOrder: number;
+  startDate: string | null;
+  endDate: string | null;
 }
 
 interface Props {
-  banners: Banner[]
+  banners: Banner[];
 }
 
 export function BannersManager({ banners }: Props) {
-  const { run, isPending } = useServerAction()
-  const [showForm, setShowForm] = useState(false)
-  const [editingId, setEditingId] = useState<number | null>(null)
+  const { run, isPending } = useServerAction();
+  const [showForm, setShowForm] = useState(false);
+  const [editingId, setEditingId] = useState<number | null>(null);
   const [form, setForm] = useState({
-    title: '',
-    subtitle: '',
-    image: '',
-    link: '',
-    color: '',
+    title: "",
+    subtitle: "",
+    image: "",
+    link: "",
+    color: "",
     isActive: 1,
     sortOrder: 0,
-    startDate: '' as string | null,
-    endDate: '' as string | null,
-  })
+    startDate: "" as string | null,
+    endDate: "" as string | null,
+  });
 
   function resetForm() {
     setForm({
-      title: '',
-      subtitle: '',
-      image: '',
-      link: '',
-      color: '',
+      title: "",
+      subtitle: "",
+      image: "",
+      link: "",
+      color: "",
       isActive: 1,
       sortOrder: 0,
-      startDate: '',
-      endDate: '',
-    })
-    setEditingId(null)
-    setShowForm(false)
+      startDate: "",
+      endDate: "",
+    });
+    setEditingId(null);
+    setShowForm(false);
   }
 
   function handleEdit(b: Banner) {
@@ -72,20 +72,20 @@ export function BannersManager({ banners }: Props) {
       sortOrder: b.sortOrder,
       startDate: b.startDate,
       endDate: b.endDate,
-    })
-    setEditingId(b.id)
-    setShowForm(true)
+    });
+    setEditingId(b.id);
+    setShowForm(true);
   }
 
   function handleSubmit(e: React.FormEvent) {
-    e.preventDefault()
-    const data = { ...form, startDate: form.startDate || null, endDate: form.endDate || null }
+    e.preventDefault();
+    const data = { ...form, startDate: form.startDate || null, endDate: form.endDate || null };
     if (editingId) {
-      run(() => updateBanner({ id: editingId, ...data }), { successMessage: 'Banner updated!' })
+      run(() => updateBanner({ id: editingId, ...data }), { successMessage: "Banner updated!" });
     } else {
-      run(() => createBanner(data), { successMessage: 'Banner created!' })
+      run(() => createBanner(data), { successMessage: "Banner created!" });
     }
-    resetForm()
+    resetForm();
   }
 
   return (
@@ -93,8 +93,8 @@ export function BannersManager({ banners }: Props) {
       <div className="flex justify-end">
         <Button
           onClick={() => {
-            resetForm()
-            setShowForm(!showForm)
+            resetForm();
+            setShowForm(!showForm);
           }}
         >
           <Plus className="h-4 w-4 mr-2" /> New Banner
@@ -104,7 +104,7 @@ export function BannersManager({ banners }: Props) {
       {showForm && (
         <Card>
           <CardHeader>
-            <CardTitle>{editingId ? 'Edit Banner' : 'New Banner'}</CardTitle>
+            <CardTitle>{editingId ? "Edit Banner" : "New Banner"}</CardTitle>
           </CardHeader>
           <CardContent>
             <form onSubmit={handleSubmit} className="space-y-4">
@@ -136,10 +136,7 @@ export function BannersManager({ banners }: Props) {
                 </div>
                 <div className="space-y-2">
                   <Label>Link URL</Label>
-                  <Input
-                    value={form.link}
-                    onChange={(e) => setForm({ ...form, link: e.target.value })}
-                  />
+                  <Input value={form.link} onChange={(e) => setForm({ ...form, link: e.target.value })} />
                 </div>
               </div>
               <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
@@ -147,7 +144,7 @@ export function BannersManager({ banners }: Props) {
                   <Label>Color</Label>
                   <Input
                     type="color"
-                    value={form.color || '#000000'}
+                    value={form.color || "#000000"}
                     onChange={(e) => setForm({ ...form, color: e.target.value })}
                   />
                 </div>
@@ -191,7 +188,7 @@ export function BannersManager({ banners }: Props) {
                   Cancel
                 </Button>
                 <Button type="submit" disabled={isPending}>
-                  {editingId ? 'Update' : 'Create'}
+                  {editingId ? "Update" : "Create"}
                 </Button>
               </div>
             </form>
@@ -206,10 +203,7 @@ export function BannersManager({ banners }: Props) {
         {banners.map((b) => (
           <Card key={b.id} className="overflow-hidden">
             {b.image && (
-              <div
-                className="h-32 bg-cover bg-center"
-                style={{ backgroundImage: `url(${b.image})` }}
-              />
+              <div className="h-32 bg-cover bg-center" style={{ backgroundImage: `url(${b.image})` }} />
             )}
             <CardContent className="p-4">
               <div className="flex items-start justify-between">
@@ -217,19 +211,14 @@ export function BannersManager({ banners }: Props) {
                   <h3 className="font-medium">{b.title}</h3>
                   {b.subtitle && <p className="text-xs text-muted-foreground">{b.subtitle}</p>}
                   <div className="flex gap-1 mt-2">
-                    <Badge variant={b.isActive ? 'default' : 'outline'}>
-                      {b.isActive ? 'Active' : 'Inactive'}
+                    <Badge variant={b.isActive ? "default" : "outline"}>
+                      {b.isActive ? "Active" : "Inactive"}
                     </Badge>
                     {b.startDate && <Badge variant="secondary">Scheduled</Badge>}
                   </div>
                 </div>
                 <div className="flex gap-1">
-                  <Button
-                    variant="ghost"
-                    size="icon"
-                    className="h-7 w-7"
-                    onClick={() => handleEdit(b)}
-                  >
+                  <Button variant="ghost" size="icon" className="h-7 w-7" onClick={() => handleEdit(b)}>
                     <Pencil className="h-3.5 w-3.5" />
                   </Button>
                   <Button
@@ -237,7 +226,7 @@ export function BannersManager({ banners }: Props) {
                     size="icon"
                     className="h-7 w-7"
                     onClick={() =>
-                      run(() => deleteBanner({ id: b.id }), { successMessage: 'Banner deleted' })
+                      run(() => deleteBanner({ id: b.id }), { successMessage: "Banner deleted" })
                     }
                   >
                     <Trash2 className="h-3.5 w-3.5 text-destructive" />
@@ -249,5 +238,5 @@ export function BannersManager({ banners }: Props) {
         ))}
       </div>
     </div>
-  )
+  );
 }

src/app/admin/banners/page.tsx

@@ -1,17 +1,17 @@
-import { redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { prisma } from '@/lib/prisma'
-import { BannersManager } from './banners-manager'
+import { redirect } from "next/navigation";
+import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { prisma } from "@/lib/prisma";
+import { BannersManager } from "./banners-manager";
 
 export default async function BannersPage() {
-  const { session, permissions } = await getAdminContext()
+  const { session, permissions } = await getAdminContext();
   if (!canAccess(permissions, PERMS.BANNERS_VIEW, session.user.rank)) {
-    redirect('/admin')
+    redirect("/admin");
   }
 
   const banners = await prisma.websiteBanner.findMany({
-    orderBy: { sortOrder: 'asc' },
-  })
+    orderBy: { sortOrder: "asc" },
+  });
 
   return (
     <div className="space-y-6">
@@ -21,5 +21,5 @@ export default async function BannersPage() {
       </div>
       <BannersManager banners={banners} />
     </div>
-  )
+  );
 }