From 897062c7e12b3ecbee024558d9f1eb5fae710e36 Mon Sep 17 00:00:00 2001
From: vwh <vwhe@proton.me>
Date: Thu, 25 Jul 2024 09:02:14 +0300
Subject: [PATCH] formating, added prettierrc.json

---
 .prettierrc.json                    |  4 ++++
 src/App.tsx                         |  2 +-
 src/components/dialog.tsx           |  2 +-
 src/components/dropzone-helpers.tsx |  2 +-
 src/components/dropzone.tsx         | 10 +++++-----
 src/components/error.tsx            |  2 +-
 src/components/logo.tsx             |  2 +-
 src/components/page-select.tsx      |  2 +-
 src/components/settings.tsx         | 18 +++++++++---------
 src/components/table-data.tsx       |  8 ++++----
 src/components/table-select.tsx     |  2 +-
 src/components/table.tsx            |  4 ++--
 src/components/ui/alert-dialog.tsx  | 10 +++++-----
 src/components/ui/badge.tsx         | 10 +++++-----
 src/components/ui/button.tsx        |  2 +-
 src/components/ui/buttonVariants.ts | 12 ++++++------
 src/components/ui/drawer.tsx        |  6 +++---
 src/components/ui/hover-card.tsx    |  6 +++---
 src/components/ui/input.tsx         |  4 ++--
 src/components/ui/select.tsx        | 14 +++++++-------
 src/components/ui/separator.tsx     |  6 +++---
 src/components/ui/sonner.tsx        |  4 ++--
 src/components/ui/table.tsx         | 12 ++++++------
 src/lib/sqlite.ts                   | 16 ++++++++--------
 src/main.tsx                        |  2 +-
 src/store/useSQLiteStore.ts         |  8 ++++----
 26 files changed, 87 insertions(+), 83 deletions(-)
 create mode 100644 .prettierrc.json

diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 0000000..1cd58b0
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1,4 @@
+
+{
+    "trailingComma": "none"
+}
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index 610c8f1..f33343b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -37,7 +37,7 @@ function App() {
           setShowDialog(true);
         } else {
           setFetchError(
-            `Error fetching database from URL (with proxy): ${url} - ${error.message}`,
+            `Error fetching database from URL (with proxy): ${url} - ${error.message}`
           );
         }
       }
diff --git a/src/components/dialog.tsx b/src/components/dialog.tsx
index 3d729e3..7658ce5 100644
--- a/src/components/dialog.tsx
+++ b/src/components/dialog.tsx
@@ -6,7 +6,7 @@ import {
   AlertDialogDescription,
   AlertDialogFooter,
   AlertDialogHeader,
-  AlertDialogTitle,
+  AlertDialogTitle
 } from "@/components/ui/alert-dialog";
 
 interface DialogProps {
diff --git a/src/components/dropzone-helpers.tsx b/src/components/dropzone-helpers.tsx
index 5cc5e85..4738dc3 100644
--- a/src/components/dropzone-helpers.tsx
+++ b/src/components/dropzone-helpers.tsx
@@ -19,7 +19,7 @@ export function FileStats({ errors }: { errors?: FileError[] }) {
   errors && (
     <>
       {errors.map((error) =>
-        toast(error.message, { position: "bottom-right" }),
+        toast(error.message, { position: "bottom-right" })
       )}
     </>
   );
diff --git a/src/components/dropzone.tsx b/src/components/dropzone.tsx
index 0265324..d9926d1 100644
--- a/src/components/dropzone.tsx
+++ b/src/components/dropzone.tsx
@@ -12,7 +12,7 @@ export default function UploadFile() {
   const onDrop = useCallback(
     async (
       acceptedFiles: File[],
-      fileRejections: { file: File; errors: FileError[] }[],
+      fileRejections: { file: File; errors: FileError[] }[]
     ) => {
       setErrors([]);
       setTables([]);
@@ -25,12 +25,12 @@ export default function UploadFile() {
 
       if (fileRejections.length > 0) {
         const rejectionErrors = fileRejections.flatMap(
-          (rejection) => rejection.errors,
+          (rejection) => rejection.errors
         );
         setErrors(rejectionErrors);
       }
     },
-    [loadDatabase, setTables, setSelectedTable],
+    [loadDatabase, setTables, setSelectedTable]
   );
 
   const { getRootProps, getInputProps } = useDropzone({
@@ -40,8 +40,8 @@ export default function UploadFile() {
       "application/vnd.sqlite3": [".sqlite", ".sqlite3"],
       "application/x-sqlite3": [".sqlite", ".sqlite3"],
       "application/octet-stream": [".db"],
-      "application/sql": [".sql"],
-    },
+      "application/sql": [".sql"]
+    }
   });
 
   const renderDropzoneContent = (hasDatabase: boolean) => (
diff --git a/src/components/error.tsx b/src/components/error.tsx
index 1795cdd..089c8f9 100644
--- a/src/components/error.tsx
+++ b/src/components/error.tsx
@@ -1,5 +1,5 @@
 export default function ErrorMessage({
-  children,
+  children
 }: {
   children: React.ReactNode;
 }) {
diff --git a/src/components/logo.tsx b/src/components/logo.tsx
index 9723c5d..b067167 100644
--- a/src/components/logo.tsx
+++ b/src/components/logo.tsx
@@ -21,7 +21,7 @@ export default function Logo() {
     const observer = new MutationObserver(updateLogoSrc);
     observer.observe(document.body, {
       attributes: true,
-      attributeFilter: ["class"],
+      attributeFilter: ["class"]
     });
 
     return () => observer.disconnect();
diff --git a/src/components/page-select.tsx b/src/components/page-select.tsx
index 80601e5..69d7e3f 100644
--- a/src/components/page-select.tsx
+++ b/src/components/page-select.tsx
@@ -12,7 +12,7 @@ export default function PageSelect({
   page,
   setPage,
   rowsPerPage,
-  rowCount,
+  rowCount
 }: PageSelectProps) {
   const totalPages = Math.ceil(rowCount / rowsPerPage);
   const currentPage = Math.floor(page / rowsPerPage) + 1;
diff --git a/src/components/settings.tsx b/src/components/settings.tsx
index aaa88e5..93dbb06 100644
--- a/src/components/settings.tsx
+++ b/src/components/settings.tsx
@@ -6,7 +6,7 @@ import { toast } from "sonner";
 import {
   exportTableAsCSV,
   exportAllTablesAsCSV,
-  downloadDatabase,
+  downloadDatabase
 } from "@/lib/sqlite";
 import {
   Drawer,
@@ -16,7 +16,7 @@ import {
   DrawerFooter,
   DrawerHeader,
   DrawerTitle,
-  DrawerTrigger,
+  DrawerTrigger
 } from "./ui/drawer";
 import { Input } from "./ui/input";
 import { Button } from "./ui/button";
@@ -27,7 +27,7 @@ export default function Settings() {
     useSQLiteStore();
 
   const [selectedRowsPerPage, setSelectedRowsPerPage] = useState<number | null>(
-    null,
+    null
   );
   const [isAutoRowsPerPage, setIsAutoRowsPerPage] = useState(false);
 
@@ -63,7 +63,7 @@ export default function Settings() {
     setIsCustomQuery(false);
     if (selectedRowsPerPage === null) {
       return toast.error(
-        "Please provide a number of rows per page or set it to auto.",
+        "Please provide a number of rows per page or set it to auto."
       );
     }
     if (selectedRowsPerPage < 1) {
@@ -71,7 +71,7 @@ export default function Settings() {
     }
     localStorage.setItem(
       "rowsPerPage",
-      isAutoRowsPerPage ? "auto" : selectedRowsPerPage.toString(),
+      isAutoRowsPerPage ? "auto" : selectedRowsPerPage.toString()
     );
     setRowPerPageOrAuto(isAutoRowsPerPage ? "auto" : selectedRowsPerPage);
   };
@@ -79,7 +79,7 @@ export default function Settings() {
   const renderExportButton = (
     onClick: () => void,
     label: string,
-    className?: string,
+    className?: string
   ) => (
     <Button variant="outline" onClick={onClick} className={className}>
       <span className="ml-2">{label}</span>
@@ -145,15 +145,15 @@ export default function Settings() {
                 <div className="border rounded p-2 flex flex-col gap-1">
                   {renderExportButton(
                     () => downloadDatabase(db),
-                    "Export as SQLite",
+                    "Export as SQLite"
                   )}
                   {renderExportButton(
                     () => exportTableAsCSV(db, parseInt(selectedTable)),
-                    "Export selected table as CSV",
+                    "Export selected table as CSV"
                   )}
                   {renderExportButton(
                     () => exportAllTablesAsCSV(db),
-                    "Export all tables as CSV",
+                    "Export all tables as CSV"
                   )}
                 </div>
               )}
diff --git a/src/components/table-data.tsx b/src/components/table-data.tsx
index 4fbb016..8de9d0e 100644
--- a/src/components/table-data.tsx
+++ b/src/components/table-data.tsx
@@ -7,7 +7,7 @@ import {
   TableCell,
   TableHead,
   TableHeader,
-  TableRow as TTableRow,
+  TableRow as TTableRow
 } from "./ui/table";
 import { KeyRound, KeySquare, Cuboid, Clock9 } from "lucide-react";
 
@@ -29,7 +29,7 @@ const getIcon = (columnSchema: any) => {
 const renderTableHead = (
   columns: string[],
   tableSchemas: TableInfo,
-  tableName: string,
+  tableName: string
 ) => (
   <TableHeader>
     <TTableRow>
@@ -58,7 +58,7 @@ const renderTableBody = (
   data: TableRow[],
   columns: string[],
   tableSchemas: TableInfo,
-  tableName: string,
+  tableName: string
 ) => (
   <TableBody>
     {data.map((row, rowIndex) => (
@@ -84,7 +84,7 @@ export default function DBTableComponent({
   data,
   columns,
   tableName,
-  tableSchemas,
+  tableSchemas
 }: DBTableComponentProps) {
   return (
     <Table>
diff --git a/src/components/table-select.tsx b/src/components/table-select.tsx
index 3df888d..f03c19a 100644
--- a/src/components/table-select.tsx
+++ b/src/components/table-select.tsx
@@ -7,7 +7,7 @@ import {
   SelectItem,
   SelectLabel,
   SelectTrigger,
-  SelectValue,
+  SelectValue
 } from "./ui/select";
 import { Badge } from "./ui/badge";
 
diff --git a/src/components/table.tsx b/src/components/table.tsx
index e9a61f1..a73afe2 100644
--- a/src/components/table.tsx
+++ b/src/components/table.tsx
@@ -26,7 +26,7 @@ export function DBTable() {
     setQueryError,
     rowPerPageOrAuto,
     isCustomQuery,
-    setIsCustomQuery,
+    setIsCustomQuery
   } = useSQLiteStore();
 
   const [data, setData] = useState<TableRow[]>([]);
@@ -123,7 +123,7 @@ export function DBTable() {
       { height: 600, rowHeight: 120 },
       { height: 550, rowHeight: 150 },
       { height: 500, rowHeight: 190 },
-      { height: 0, rowHeight: 280 },
+      { height: 0, rowHeight: 280 }
     ];
     const defaultRowHeight = 120;
     let rowHeight = defaultRowHeight;
diff --git a/src/components/ui/alert-dialog.tsx b/src/components/ui/alert-dialog.tsx
index a330dc6..7d99527 100644
--- a/src/components/ui/alert-dialog.tsx
+++ b/src/components/ui/alert-dialog.tsx
@@ -17,7 +17,7 @@ const AlertDialogOverlay = React.forwardRef<
   <AlertDialogPrimitive.Overlay
     className={cn(
       "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className,
+      className
     )}
     {...props}
     ref={ref}
@@ -35,7 +35,7 @@ const AlertDialogContent = React.forwardRef<
       ref={ref}
       className={cn(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className,
+        className
       )}
       {...props}
     />
@@ -61,7 +61,7 @@ const AlertDialogFooter = ({
   <div
     className={cn(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className,
+      className
     )}
     {...props}
   />
@@ -114,7 +114,7 @@ const AlertDialogCancel = React.forwardRef<
     className={cn(
       buttonVariants({ variant: "outline" }),
       "mt-2 sm:mt-0",
-      className,
+      className
     )}
     {...props}
   />
@@ -132,5 +132,5 @@ export {
   AlertDialogTitle,
   AlertDialogDescription,
   AlertDialogAction,
-  AlertDialogCancel,
+  AlertDialogCancel
 };
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
index 1bb61d0..ae63261 100644
--- a/src/components/ui/badge.tsx
+++ b/src/components/ui/badge.tsx
@@ -14,13 +14,13 @@ const badgeVariants = cva(
           "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
         destructive:
           "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground",
-      },
+        outline: "text-foreground"
+      }
     },
     defaultVariants: {
-      variant: "default",
-    },
-  },
+      variant: "default"
+    }
+  }
 );
 
 export interface BadgeProps
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 240b64b..eb6979e 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -20,7 +20,7 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         {...props}
       />
     );
-  },
+  }
 );
 
 Button.displayName = "Button";
diff --git a/src/components/ui/buttonVariants.ts b/src/components/ui/buttonVariants.ts
index 2ab6d81..840e5d1 100644
--- a/src/components/ui/buttonVariants.ts
+++ b/src/components/ui/buttonVariants.ts
@@ -13,18 +13,18 @@ export const buttonVariants = cva(
         secondary:
           "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
+        link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
         default: "h-10 px-4 py-2",
         sm: "h-9 rounded-md px-3",
         lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10",
-      },
+        icon: "h-10 w-10"
+      }
     },
     defaultVariants: {
       variant: "default",
-      size: "default",
-    },
-  },
+      size: "default"
+    }
+  }
 );
diff --git a/src/components/ui/drawer.tsx b/src/components/ui/drawer.tsx
index bac17f0..6aeea05 100644
--- a/src/components/ui/drawer.tsx
+++ b/src/components/ui/drawer.tsx
@@ -42,7 +42,7 @@ const DrawerContent = React.forwardRef<
       ref={ref}
       className={cn(
         "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
-        className,
+        className
       )}
       {...props}
     >
@@ -83,7 +83,7 @@ const DrawerTitle = React.forwardRef<
     ref={ref}
     className={cn(
       "text-lg font-semibold leading-none tracking-tight",
-      className,
+      className
     )}
     {...props}
   />
@@ -112,5 +112,5 @@ export {
   DrawerHeader,
   DrawerFooter,
   DrawerTitle,
-  DrawerDescription,
+  DrawerDescription
 };
diff --git a/src/components/ui/hover-card.tsx b/src/components/ui/hover-card.tsx
index 3ab2632..5d7389c 100644
--- a/src/components/ui/hover-card.tsx
+++ b/src/components/ui/hover-card.tsx
@@ -13,7 +13,7 @@ const HoverCardContent = React.forwardRef<
 >(
   (
     { className, align = "start", side = "bottom", sideOffset = 4, ...props },
-    ref,
+    ref
   ) => (
     <HoverCardPrimitive.Content
       ref={ref}
@@ -22,11 +22,11 @@ const HoverCardContent = React.forwardRef<
       sideOffset={sideOffset}
       className={cn(
         "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 text-balance break-words",
-        className,
+        className
       )}
       {...props}
     />
-  ),
+  )
 );
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index 9d631e7..644632d 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -12,13 +12,13 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
         type={type}
         className={cn(
           "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className,
+          className
         )}
         ref={ref}
         {...props}
       />
     );
-  },
+  }
 );
 Input.displayName = "Input";
 
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index 9b769ec..5865c31 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -18,7 +18,7 @@ const SelectTrigger = React.forwardRef<
     ref={ref}
     className={cn(
       "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className,
+      className
     )}
     {...props}
   >
@@ -38,7 +38,7 @@ const SelectScrollUpButton = React.forwardRef<
     ref={ref}
     className={cn(
       "flex cursor-default items-center justify-center py-1",
-      className,
+      className
     )}
     {...props}
   >
@@ -55,7 +55,7 @@ const SelectScrollDownButton = React.forwardRef<
     ref={ref}
     className={cn(
       "flex cursor-default items-center justify-center py-1",
-      className,
+      className
     )}
     {...props}
   >
@@ -76,7 +76,7 @@ const SelectContent = React.forwardRef<
         "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         position === "popper" &&
           "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className,
+        className
       )}
       position={position}
       {...props}
@@ -86,7 +86,7 @@ const SelectContent = React.forwardRef<
         className={cn(
           "p-1",
           position === "popper" &&
-            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
         )}
       >
         {children}
@@ -117,7 +117,7 @@ const SelectItem = React.forwardRef<
     ref={ref}
     className={cn(
       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className,
+      className
     )}
     {...props}
   >
@@ -154,5 +154,5 @@ export {
   SelectItem,
   SelectSeparator,
   SelectScrollUpButton,
-  SelectScrollDownButton,
+  SelectScrollDownButton
 };
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx
index 4407ae5..11b8741 100644
--- a/src/components/ui/separator.tsx
+++ b/src/components/ui/separator.tsx
@@ -9,7 +9,7 @@ const Separator = React.forwardRef<
 >(
   (
     { className, orientation = "horizontal", decorative = true, ...props },
-    ref,
+    ref
   ) => (
     <SeparatorPrimitive.Root
       ref={ref}
@@ -18,11 +18,11 @@ const Separator = React.forwardRef<
       className={cn(
         "shrink-0 bg-border",
         orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className,
+        className
       )}
       {...props}
     />
-  ),
+  )
 );
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 
diff --git a/src/components/ui/sonner.tsx b/src/components/ui/sonner.tsx
index 82149ae..3eb1870 100644
--- a/src/components/ui/sonner.tsx
+++ b/src/components/ui/sonner.tsx
@@ -18,8 +18,8 @@ const Toaster = ({ ...props }: ToasterProps) => {
           actionButton:
             "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
           cancelButton:
-            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
-        },
+            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+        }
       }}
       {...props}
     />
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
index 55ba0b3..46837d2 100644
--- a/src/components/ui/table.tsx
+++ b/src/components/ui/table.tsx
@@ -47,7 +47,7 @@ const TableFooter = React.forwardRef<
     ref={ref}
     className={cn(
       "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      className,
+      className
     )}
     {...props}
   />
@@ -62,7 +62,7 @@ const TableRow = React.forwardRef<
     ref={ref}
     className={cn(
       "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      className,
+      className
     )}
     {...props}
   />
@@ -77,7 +77,7 @@ const TableHead = React.forwardRef<
     ref={ref}
     className={cn(
       "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-      className,
+      className
     )}
     {...props}
   />
@@ -94,7 +94,7 @@ const TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(
       ref={ref}
       className={cn(
         "p-4 align-middle [&:has([role=checkbox])]:pr-0 truncate max-w-[200px] overflow-hidden text-ellipsis whitespace-nowrap",
-        className,
+        className
       )}
       {...props}
     >
@@ -116,7 +116,7 @@ const TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(
         </HoverCardContent>
       </HoverCard>
     </td>
-  ),
+  )
 );
 TableCell.displayName = "TableCell";
 
@@ -140,5 +140,5 @@ export {
   TableHead,
   TableRow,
   TableCell,
-  TableCaption,
+  TableCaption
 };
diff --git a/src/lib/sqlite.ts b/src/lib/sqlite.ts
index b604f6a..30a781b 100644
--- a/src/lib/sqlite.ts
+++ b/src/lib/sqlite.ts
@@ -8,7 +8,7 @@ export const loadDatabase = async (file: File): Promise<Database> => {
   try {
     const arrayBuffer = await file.arrayBuffer();
     const SQL = await initSqlJs({
-      locateFile: (fileName) => `https://sql.js.org/dist/${fileName}`,
+      locateFile: (fileName) => `https://sql.js.org/dist/${fileName}`
     });
     return new SQL.Database(new Uint8Array(arrayBuffer));
   } catch (error) {
@@ -21,7 +21,7 @@ export const loadDatabase = async (file: File): Promise<Database> => {
 export const getTableNames = (database: Database): string[] => {
   try {
     const result = database.exec(
-      "SELECT name FROM sqlite_master WHERE type='table';",
+      "SELECT name FROM sqlite_master WHERE type='table';"
     );
     return result[0]?.values.map((row) => row[0] as string) || [];
   } catch (error) {
@@ -39,7 +39,7 @@ export const getTableSchema = async (database: Database, tableName: string) => {
         acc[row[1] as string] = {
           type: row[2] as string,
           isPrimaryKey: (row[5] as number) === 1,
-          isForeignKey: false,
+          isForeignKey: false
         };
         return acc;
       },
@@ -49,11 +49,11 @@ export const getTableSchema = async (database: Database, tableName: string) => {
           isPrimaryKey: boolean;
           isForeignKey: boolean;
         };
-      },
+      }
     );
 
     const foreignKeyInfoResult = database.exec(
-      `PRAGMA foreign_key_list("${tableName}")`,
+      `PRAGMA foreign_key_list("${tableName}")`
     );
     if (foreignKeyInfoResult.length > 0) {
       foreignKeyInfoResult[0].values.forEach((row) => {
@@ -82,7 +82,7 @@ export function mapQueryResults(result: QueryExecResult[]): {
       columns.reduce((acc, col, index) => {
         acc[col] = row[index];
         return acc;
-      }, {} as TableRow),
+      }, {} as TableRow)
     );
     return { data, columns };
   }
@@ -114,7 +114,7 @@ export const downloadDatabase = (database: Database): void => {
 const arrayToCSV = (columns: string[], rows: any[]): string => {
   const header = columns.join(",");
   const csvRows = rows.map((row) =>
-    columns.map((col) => `"${row[col]}"`).join(","),
+    columns.map((col) => `"${row[col]}"`).join(",")
   );
   return [header, ...csvRows].join("\n");
 };
@@ -122,7 +122,7 @@ const arrayToCSV = (columns: string[], rows: any[]): string => {
 // Export a single table as CSV and initiate download
 export const exportTableAsCSV = (
   database: Database,
-  tableIndex: number,
+  tableIndex: number
 ): void => {
   const tableNames = getTableNames(database);
   const tableName = tableNames[tableIndex];
diff --git a/src/main.tsx b/src/main.tsx
index 55194f2..88f1571 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -12,5 +12,5 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
       <App />
     </main>
     <Toaster />
-  </React.StrictMode>,
+  </React.StrictMode>
 );
diff --git a/src/store/useSQLiteStore.ts b/src/store/useSQLiteStore.ts
index 101dc5f..c412511 100644
--- a/src/store/useSQLiteStore.ts
+++ b/src/store/useSQLiteStore.ts
@@ -46,19 +46,19 @@ const initializeStore = create<SQLiteState>((set, get) => ({
           const count = parseInt(countResult[0].values[0][0] as string, 10);
           const schema = await getTableSchema(database, name);
           return { name, count, schema };
-        }),
+        })
       );
 
       const tables = tableCountsAndSchemas.map(({ name, count }) => ({
         name,
-        count,
+        count
       }));
       const tableSchemas = tableCountsAndSchemas.reduce(
         (acc, { name, schema }) => {
           acc[name] = schema;
           return acc;
         },
-        {} as TableInfo,
+        {} as TableInfo
       );
 
       set({ db: database, tables, tableSchemas, isLoading: false });
@@ -84,7 +84,7 @@ const initializeStore = create<SQLiteState>((set, get) => ({
   setRowPerPageOrAuto: (value: number | "auto") =>
     set({ rowPerPageOrAuto: value }),
 
-  setIsCustomQuery: (value: boolean) => set({ isCustomQuery: value }),
+  setIsCustomQuery: (value: boolean) => set({ isCustomQuery: value })
 }));
 
 export default initializeStore;