Merge pull request #421 from timbornemann/codex/erweitere-tabellenvorschau-um-alle-attribute

Fix database explorer preview columns

Author: timbornemann

server/controllers/database.ts

@@ -42,15 +42,14 @@ function tableExists(table: string): boolean {
 function getTableColumns(table: string): ColumnInfo[] {
   try {
     const rows = db
-      .prepare(
-        "SELECT name, type, notnull, pk, dflt_value FROM pragma_table_info(?)",
-      )
-      .all(table) as Array<{
-      name: string;
-      type: string;
-      notnull: number;
-      pk: number;
-      dflt_value: string | null;
+      .prepare(`PRAGMA table_info(${table})`)
+      .all() as Array<{
+        cid: number;
+        name: string;
+        type: string;
+        notnull: number;
+        pk: number;
+        dflt_value: string | null;
     }>;
     return rows.map((col) => ({
       name: col.name,

src/components/DatabaseExplorer.tsx

@@ -23,7 +23,6 @@ import {
   TableHeader,
   TableRow,
 } from "@/components/ui/table";
-import { ScrollArea } from "@/components/ui/scroll-area";
 import { Textarea } from "@/components/ui/textarea";
 import {
   Dialog,
@@ -312,8 +311,8 @@ const DatabaseExplorer: React.FC = () => {
     }
     const headers = Object.keys(queryResult.rows[0] || {});
     return (
-      <ScrollArea className="max-h-72 w-full">
-        <div className="min-w-full">
+      <div className="max-h-72 w-full overflow-auto">
+        <div className="min-w-max">
           <Table>
             <TableHeader>
               <TableRow>
@@ -335,7 +334,7 @@ const DatabaseExplorer: React.FC = () => {
             </TableBody>
           </Table>
         </div>
-      </ScrollArea>
+      </div>
     );
   };
 
@@ -448,8 +447,8 @@ const DatabaseExplorer: React.FC = () => {
                 {t("settingsPage.database.loading")}
               </div>
             ) : tableData && tableData.rows.length ? (
-              <ScrollArea className="max-h-[480px] w-full">
-                <div className="min-w-full">
+              <div className="max-h-[480px] w-full overflow-auto">
+                <div className="min-w-max">
                   <Table>
                     <TableHeader>
                       <TableRow>
@@ -498,7 +497,7 @@ const DatabaseExplorer: React.FC = () => {
                     </TableBody>
                   </Table>
                 </div>
-              </ScrollArea>
+              </div>
             ) : (
               <p className="text-sm text-muted-foreground">
                 {t("settingsPage.database.noRows")}