Schema, Light Mode, Cleaning

Author: TeaByte

.gitignore

@@ -1,5 +1,3 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
 # dependencies
 /node_modules
 /.pnp

README.md

@@ -35,8 +35,8 @@ SQLite Viewer GUI Program written in Rust using Tauri + NextJS
 1. **Clone the Repository**
 
    ```sh
-   git clone https://github.com/TeaByte/mt-uploader.git
-   cd mt-uploader
+   git clone https://github.com/TeaByte/sqlite-viewer.git
+   cd sqlite-viewer
    ```
 
 2. **Install Dependencies**

app/execute.tsx

@@ -1,6 +1,8 @@
 "use client";
 
-import { TableInfos } from "@/types";
+import { invoke } from "@tauri-apps/api/tauri";
+import React, { useState } from "react";
+
 import {
   Table,
   TableBody,
@@ -9,22 +11,8 @@ import {
   TableHeader,
   TableRow,
 } from "@/components/ui/table";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from "@/components/ui/accordion";
-
 import { Textarea } from "@/components/ui/textarea";
 
-import { invoke } from "@tauri-apps/api/tauri";
-import React, { useState } from "react";
-
-type x =
-  | { result: { Ok: Array<{ [key: string]: string }> } }
-  | { result: { Err: string } };
-
 export default function ExecuteSQL({ table }: { table: string }) {
   const [sql, setSQL] = useState("");
   const [result, setResult] = useState<string | string[]>();
@@ -68,28 +56,28 @@ export default function ExecuteSQL({ table }: { table: string }) {
         {typeof result === "string" ? (
           <p>{result}</p>
         ) : result instanceof Array ? (
-          <table className="table-auto">
-            <thead>
-              <tr>
+          <Table className="table-auto">
+            <TableHeader>
+              <TableRow>
                 {Object.keys(result[0]).map((key) => (
-                  <th key={key} className="border px-4 py-2">
+                  <TableHead key={key} className="border px-4 py-2">
                     {key}
-                  </th>
+                  </TableHead>
                 ))}
-              </tr>
-            </thead>
-            <tbody>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
               {result.map((row, index) => (
-                <tr key={index}>
+                <TableRow key={index}>
                   {Object.values(row).map((value, index) => (
-                    <td key={index} className="border px-4 py-2">
+                    <TableCell key={index} className="border px-4 py-2">
                       {value}
-                    </td>
+                    </TableCell>
                   ))}
-                </tr>
+                </TableRow>
               ))}
-            </tbody>
-          </table>
+            </TableBody>
+          </Table>
         ) : null}
       </form>
     </div>

app/layout.tsx

@@ -3,11 +3,12 @@ import type { Metadata } from "next";
 import { Merriweather_Sans } from "next/font/google";
 
 import ThemeProvider from "@/components/theme/provider";
+import Toggle from "@/components/theme/toggle";
 
 const font = Merriweather_Sans({ subsets: ["latin"] });
 export const metadata: Metadata = {
-  title: "Rust SQLite Viewer",
-  description: "Rust SQLite Viewer",
+  title: "SQLite Viewer",
+  description: "SQLite Viewer",
 };
 
 export default function RootLayout({
@@ -25,6 +26,12 @@ export default function RootLayout({
           disableTransitionOnChange
         >
           {children}
+          <footer className="p-4 fixed bottom-0 w-full bg-background">
+            <div className="flex justify-between items-center">
+              <Toggle />
+              SQLite Viewer V0.3
+            </div>
+          </footer>
         </ThemeProvider>
       </body>
     </html>

app/page.tsx

@@ -29,7 +29,7 @@ export default function Home() {
   };
 
   return (
-    <main className="flex flex-col min-h-screen">
+    <main className="flex flex-col">
       {selectedDataBase ? (
         <Load path={selectedDataBase} />
       ) : (

app/structure.tsx

@@ -35,6 +35,7 @@ export default function Structure({ tablesInfo }: { tablesInfo: TableInfos }) {
                       <TableHead>NotNull</TableHead>
                       <TableHead>Default Value</TableHead>
                       <TableHead>Primary Key</TableHead>
+                      <TableHead>Schema</TableHead>
                     </TableRow>
                   </TableHeader>
                   <TableBody>
@@ -53,6 +54,9 @@ export default function Structure({ tablesInfo }: { tablesInfo: TableInfos }) {
                           {tableInfo.dflt_value ? tableInfo.dflt_value : "None"}
                         </TableCell>
                         <TableCell>{tableInfo.pk ? "Yes" : "No"}</TableCell>
+                        <TableCell>{`"${tableInfo.name}" ${tableInfo.type} ${
+                          tableInfo.notnull ? "NOT NULL" : ""
+                        }`}</TableCell>
                       </TableRow>
                     ))}
                   </TableBody>

src-tauri/tauri.conf.json

@@ -64,7 +64,7 @@
       {
         "fullscreen": false,
         "height": 600,
-        "maxHeight": 600,
+        "minHeight": 600,
         "resizable": true,
         "title": "SQLite Viewer",
         "width": 800,