fix: fix all minor bugs

Author: invisal

release/app/package-lock.json

@@ -33,7 +33,10 @@ export default function generateSqlFromPlan(plan: SqlStatementPlan) {
     }
   } else if (plan.type === 'insert') {
     if (plan.values) {
-      return qb('mysql').table(plan.table).insert(plan.values).toRawSQL();
+      return qb('mysql')
+        .table(plan.table)
+        .insert(convertUnsupportedValue(plan.values))
+        .toRawSQL();
     }
   }
 

src/libs/GenerateSqlFromPlan.ts

@@ -1,4 +1,4 @@
-import xlsx from 'xlsx';
+import * as xlsx from 'xlsx';
 import fs from 'fs';
 
 export default function saveCsvFile(fileName: string, records: object[]) {

src/libs/SaveCSVFile.ts

@@ -1,8 +1,10 @@
-import xlsx from 'xlsx';
+import * as xlsx from 'xlsx';
+import fs from 'fs';
 
 export default function saveExcelFile(fileName: string, records: object[]) {
   const workbook = xlsx.utils.book_new();
   const worksheet = xlsx.utils.json_to_sheet(records);
   xlsx.utils.book_append_sheet(workbook, worksheet);
+  xlsx.set_fs(fs);
   xlsx.writeFile(workbook, fileName);
 }

src/libs/SaveExcelFile.ts

@@ -1,6 +1,6 @@
 import CodeMirror from '@uiw/react-codemirror';
+import { EditorView } from 'codemirror';
 import Modal from '../Modal';
-import { json } from '@codemirror/lang-json';
 import Button from '../Button';
 import useCodeEditorTheme from '../CodeEditor/useCodeEditorTheme';
 import { useState } from 'react';
@@ -33,7 +33,7 @@ export default function FullTextEditor({
           readOnly={readOnly}
           maxHeight="50vh"
           theme={theme}
-          extensions={[json()]}
+          extensions={[EditorView.lineWrapping]}
         />
       </Modal.Body>
       <Modal.Footer>

src/renderer/components/ResizableTable/FullTextEditor.tsx

@@ -32,6 +32,7 @@ export default function TableCellSelect({
       }}
       value={value ?? ''}
     >
+      <option hidden></option>
       {items.map((item) => (
         <option key={item} value={item}>
           {item}

src/renderer/components/ResizableTable/TableCellSelect.tsx

@@ -194,14 +194,16 @@ export default function ExportModal({ data, onClose }: ExportModalProps) {
         window.electron
           .saveExcelFile(fileName, data.rows)
           .then(() => setStage('SUCCESS'))
-          .catch(() => {
+          .catch((e) => {
+            console.error(e);
             setStage('ERROR');
           });
       } else if (format === 'csv') {
         window.electron
           .saveCsvFile(fileName, data.rows)
           .then(() => setStage('SUCCESS'))
-          .catch(() => {
+          .catch((e) => {
+            console.error(e);
             setStage('ERROR');
           });
       } else {

src/renderer/screens/DatabaseScreen/ExportModal/index.tsx

@@ -59,6 +59,7 @@ export default function QueryResultAction({
           collector.getChanges()
         );
 
+        console.log(plans);
         const rawSql = plans.map((plan) => ({
           sql: generateSqlFromPlan(plan),
         }));

src/renderer/screens/DatabaseScreen/QueryResultViewer/QueryResultAction.tsx

@@ -190,16 +190,19 @@ function QueryResultTable({ result, page, pageSize }: QueryResultTableProps) {
 
   const renderCell = useCallback(
     (y: number, x: number) => {
-      return (
-        <TableCell
-          key={data[y].rowIndex}
-          value={data[y].data[result.headers[x].name]}
-          header={result.headers[x]}
-          col={x}
-          row={data[y].rowIndex}
-          readOnly={!updatableTables[result.headers[x]?.schema?.table || '']}
-        />
-      );
+      if (data[y]) {
+        return (
+          <TableCell
+            key={data[y].rowIndex}
+            value={data[y].data[result.headers[x].name]}
+            header={result.headers[x]}
+            col={x}
+            row={data[y].rowIndex}
+            readOnly={!updatableTables[result.headers[x]?.schema?.table || '']}
+          />
+        );
+      }
+      return <></>;
     },
     [data, result, updatableTables, page, pageSize, newRowCount]
   );

src/renderer/screens/DatabaseScreen/QueryResultViewer/QueryResultTable.tsx

@@ -23,7 +23,7 @@ function TableCellStringEditor({
 
   return (
     <TableCellSelect
-      items={header.columnDefinition?.enumValues ?? []}
+      items={[...(header.columnDefinition?.enumValues ?? [])]}
       readOnly={readOnly}
       onChange={setEditValue}
       onLostFocus={onLostFocus}