Merge branch 'main' of https://github.com/devashish2024/ClickCrystalsXYZ

Author: devashish2024

components/Sections/configs/ConfigCard.tsx

@@ -9,7 +9,7 @@ import {
 import { Badge } from '@/components/ui/badge';
 import { Avatar, AvatarImage, AvatarFallback } from '@radix-ui/react-avatar';
 import { JsonValue } from '@prisma/client/runtime/library';
-import ConfigCardControls from "./ConfigCardControls.tsx";
+import ConfigCardControls from './ConfigCardControls.tsx';
 
 export type Config = {
   id: number;
@@ -39,9 +39,7 @@ export default async function ConfigCard({ config }: { config: Config }) {
 
   return (
     <div>
-      <Card
-        className="cursor-pointer hover:bg-slate-100/60 transition-colors flex flex-col"
-      >
+      <Card className="cursor-pointer hover:bg-slate-100/60 transition-colors flex flex-col">
         <CardContent className="flex-grow space-y-2 p-4">
           <CardTitle className="text-lg">{config.title}</CardTitle>
           <div className="flex flex-wrap gap-2 -ml-1">

components/Sections/configs/ConfigCardControls.tsx

@@ -1,23 +1,28 @@
-import { CardFooter } from "@/components/ui/card";
-import { useSession } from "next-auth/react"
-import UpdateAction from "./UpdateActionButton";
-import { Config } from "./ConfigCard";
-import DownloadButton from "./DownloadButton";
+import { CardFooter } from '@/components/ui/card';
+import { useSession } from 'next-auth/react';
+import UpdateAction from './UpdateActionButton';
+import { Config } from './ConfigCard';
+import DownloadButton from './DownloadButton';
 
-export default function ConfigCardControls({ config, downloadAction }: { config: Config, downloadAction: () => void }) {
-  const { data: session } = useSession()
+export default function ConfigCardControls({
+  config,
+  downloadAction,
+}: {
+  config: Config;
+  downloadAction: () => void;
+}) {
+  const { data: session } = useSession();
 
   const userId = config?.user?.id.toString();
-  const sessionUserId = (session?.user?.image ?? "").match(/avatars\/(\d+)\//)?.[1] ?? "0";
+  const sessionUserId =
+    (session?.user?.image ?? '').match(/avatars\/(\d+)\//)?.[1] ?? '0';
 
   return (
     <CardFooter className="p-0">
       <DownloadButton downloadAction={downloadAction} />
-      {
-        (process.env.NODE_ENV === "development" || userId === sessionUserId) && (
-          <UpdateAction config={config} />
-        )
-      }
+      {(process.env.NODE_ENV === 'development' || userId === sessionUserId) && (
+        <UpdateAction config={config} />
+      )}
     </CardFooter>
-  )
+  );
 }

components/Sections/configs/DeleteAction.tsx

@@ -7,12 +7,12 @@ const DeleteAction = ({ configId }: { configId: number }) => {
       <Button
         variant="destructive"
         onClick={() => deleteConfig(configId)}
-        className='w-full m-0 rounded-tl-none rounded-br-none rounded-tr-none hover:opacity-80 transition-all duration-100'
+        className="w-full m-0 rounded-tl-none rounded-br-none rounded-tr-none hover:opacity-80 transition-all duration-100"
       >
         Delete
       </Button>
     </>
-  )
-}
+  );
+};
 
 export default DeleteAction;

components/Sections/configs/DownloadButton.tsx

@@ -1,14 +1,18 @@
-'use client'
+'use client';
 
-import { Button } from "@/components/ui/button"
+import { Button } from '@/components/ui/button';
 
-export default function DownloadButton({ downloadAction }: { downloadAction: () => void }) {
+export default function DownloadButton({
+  downloadAction,
+}: {
+  downloadAction: () => void;
+}) {
   return (
     <Button
       onClick={downloadAction}
-      className='w-full m-0 rounded-tl-none rounded-tr-none hover:opacity-80 transition-all duration-100 bg-[#2b65ca] text-white hover:bg-[#2359b6] rounded-bl-none rounded-br-none'
+      className="w-full m-0 rounded-tl-none rounded-tr-none hover:opacity-80 transition-all duration-100 bg-[#2b65ca] text-white hover:bg-[#2359b6] rounded-bl-none rounded-br-none"
     >
       Download
     </Button>
-  )
+  );
 }

components/Sections/configs/UpdateActionButton.tsx

@@ -1,4 +1,4 @@
-'use client'
+'use client';
 
 import { useState, useEffect } from 'react';
 import { Button } from '@/components/ui/button';
@@ -26,7 +26,7 @@ import {
 import { useSession } from 'next-auth/react';
 import { updateConfig } from './UpdateConfigAction';
 import { deleteConfig } from './DeleteServerAction';
-import { type Config } from "./ConfigCard";
+import { type Config } from './ConfigCard';
 
 const UpdateAction = ({ config }: { config: Config }) => {
   const { toast } = useToast();
@@ -97,7 +97,8 @@ const UpdateAction = ({ config }: { config: Config }) => {
       } else {
         toast({
           title: 'Failed to update config',
-          description: 'There was an error while updating your config. Please try again!',
+          description:
+            'There was an error while updating your config. Please try again!',
           variant: 'destructive',
         });
       }
@@ -113,7 +114,10 @@ const UpdateAction = ({ config }: { config: Config }) => {
   };
 
   const renderForm = () => (
-    <form className="grid items-start gap-4 max-md:px-4" onSubmit={handleSubmit}>
+    <form
+      className="grid items-start gap-4 max-md:px-4"
+      onSubmit={handleSubmit}
+    >
       <div className="grid gap-2">
         <Label htmlFor="title">
           Title <span className="text-red-500">*</span>
@@ -149,14 +153,12 @@ const UpdateAction = ({ config }: { config: Config }) => {
               ...formData,
               categories: e.target.value
                 .split(',')
-                .map((cat: string) => cat.trim())
+                .map((cat: string) => cat.trim()),
             })
           }
         />
       </div>
-      <Button type="submit">
-        Submit
-      </Button>
+      <Button type="submit">Submit</Button>
       <Button
         variant="destructive"
         onClick={async (e) => {
@@ -175,7 +177,8 @@ const UpdateAction = ({ config }: { config: Config }) => {
             } else {
               toast({
                 title: 'Failed to delete config',
-                description: 'There was an error while deleting your config. Please try again!',
+                description:
+                  'There was an error while deleting your config. Please try again!',
                 variant: 'destructive',
               });
             }
@@ -240,7 +243,7 @@ const UpdateAction = ({ config }: { config: Config }) => {
       <Button
         variant="secondary"
         onClick={() => setOpen(true)}
-        className='w-full m-0 rounded-tl-none rounded-tr-none hover:opacity-80 transition-all duration-100 bg-[#4482ef] text-white hover:bg-[#4471efe6] rounded-br-none rounded-bl-none'
+        className="w-full m-0 rounded-tl-none rounded-tr-none hover:opacity-80 transition-all duration-100 bg-[#4482ef] text-white hover:bg-[#4471efe6] rounded-br-none rounded-bl-none"
       >
         Update
       </Button>

components/Sections/configs/UpdateConfigAction.ts

@@ -8,7 +8,10 @@ type ConfigID = number;
 
 type UpdatedConfig = Omit<Config, 'user' | 'id'> & { userId: number };
 
-export async function updateConfig(configId: ConfigID, updatedData: UpdatedConfig) {
+export async function updateConfig(
+  configId: ConfigID,
+  updatedData: UpdatedConfig,
+) {
   const { title, description, categories, config, userId } = updatedData;
   if (!configId) {
     throw new Error('Config ID is required');
@@ -32,14 +35,14 @@ export async function updateConfig(configId: ConfigID, updatedData: UpdatedConfi
         description: description,
         categories: categories,
         config: {
-          ...(typeof config === 'object' && config !== null ? config : {})
+          ...(typeof config === 'object' && config !== null ? config : {}),
         },
         user: {
           connect: {
             id: userId,
           },
         },
-      }
+      },
     });
 
     revalidatePath('/configs');