fix: fixing duplicate and add new row

Author: invisal

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

@@ -20,6 +20,7 @@ import {
 } from '@fortawesome/free-solid-svg-icons';
 import { useEditableResult } from 'renderer/contexts/EditableQueryResultProvider';
 import BaseType from 'renderer/datatype/BaseType';
+import { useSqlExecute } from 'renderer/contexts/SqlExecuteProvider';
 
 export interface QuertResultTableSortedHeader {
   by: 'ASC' | 'DESC';
@@ -41,6 +42,7 @@ function QueryResultTable({
   onSortReset,
   sortedHeader,
 }: QueryResultTableProps) {
+  const { common } = useSqlExecute();
   const [stickyHeaderIndex, setStickyHeaderIndex] = useState<
     number | undefined
   >();
@@ -80,14 +82,17 @@ function QueryResultTable({
           return {
             rowIndex: -(newRowIndex + 1),
             data: headers.reduce(
-              (prev, header) => ({ ...prev, [header.name]: undefined }),
+              (prev, header) => ({
+                ...prev,
+                [header.name]: common.createTypeValue(header, undefined),
+              }),
               {},
             ),
           };
         });
 
       return [...newRows, ...result];
-    }, [result, newRowCount]);
+    }, [result, newRowCount, common]);
 
   const rules = useMemo<TableEditableRule>(() => {
     if (headers && currentDatabase && schema) {

src/renderer/screens/DatabaseScreen/QueryResultViewer/TableCell/TableCellDecimal.tsx

@@ -32,8 +32,10 @@ function TableCellDecimalEditor({
   );
 }
 
-function TableCellDecimalContent({ value }: TableEditableContentProps) {
-  return <TableCellContent right value={value} />;
+function TableCellDecimalContent({
+  value,
+}: TableEditableContentProps<DecimalType>) {
+  return <TableCellContent right value={value.toNullableString()} />;
 }
 
 const TableCellDecimal = createTableCellType({

src/renderer/screens/DatabaseScreen/QueryResultViewer/TableCell/TableCellEnum.tsx

@@ -33,8 +33,10 @@ function TableCellStringEditor({
   );
 }
 
-function TableCellStringContent({ value }: TableEditableContentProps) {
-  return <TableCellContent value={value} />;
+function TableCellStringContent({
+  value,
+}: TableEditableContentProps<StringType>) {
+  return <TableCellContent value={value.toNullableString()} />;
 }
 
 const TableCellEnum = createTableCellType({

src/renderer/screens/DatabaseScreen/QueryResultViewer/TableCell/TableCellNumber.tsx

@@ -34,8 +34,10 @@ function TableCellNumberEditor({
   );
 }
 
-function TableCellNumberContent({ value }: TableEditableContentProps) {
-  return <TableCellContent right value={value} />;
+function TableCellNumberContent({
+  value,
+}: TableEditableContentProps<NumberType>) {
+  return <TableCellContent right value={value.toNullableString()} />;
 }
 
 const TableCellNumber = createTableCellType({

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

@@ -179,7 +179,12 @@ export default function useDataTableContextMenu({
         text: 'Insert new row',
         disabled: !rules.insertable,
         onClick: () => {
-          collector.createNewRow();
+          const newRow = new Array(headers.length)
+            .fill(undefined)
+            .map((_, idx) => {
+              return common.createTypeValue(headers[idx], undefined);
+            });
+          collector.createNewRow(newRow);
         },
         icon: <FontAwesomeIcon icon={faPlusCircle} color="#27ae60" />,
       },