revert fb8e77bb68

revert style: clean up code with prettier and eslint

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,7 +136,10 @@ 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">
@@ -144,7 +147,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>
@@ -188,7 +191,7 @@ export function BannersManager({ banners }: Props) {
                   Cancel
                 </Button>
                 <Button type="submit" disabled={isPending}>
-                  {editingId ? "Update" : "Create"}
+                  {editingId ? 'Update' : 'Create'}
                 </Button>
               </div>
             </form>
@@ -203,7 +206,10 @@ 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">
@@ -211,14 +217,19 @@ 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
@@ -226,7 +237,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" />
@@ -238,5 +249,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>
-  );
+  )
 }