new columns adapated to changes

Author: RafaelGB

dist/main.js

@@ -259,7 +259,7 @@ export function Table(initialState: TableDataType){
                       key={`Draggable-${column.id}`}
                       draggableId={`${column.id}`}
                       index={index}
-                      isDragDisabled={!(column as any).accessor}
+                      isDragDisabled={(column as any).isMetadata}
                     >
                       {(provided, snapshot) => {
                         return (

src/components/Table.tsx

@@ -207,16 +207,17 @@ export function databaseReducer(state:TableDataType, action:ActionType) {
           const leftIndex = state.columns.findIndex(
             (column) => column.id === action.columnId
           );
-          const leftId = `${state.columns.length+1-state.metadataColumns.length}`;
+          const leftId = state.columns.length+1-state.metadataColumns.length;
 
           const newLeftColumn:DatabaseColumn={
             input: DataTypes.TEXT,
-            accessor: leftId,
+            accessor: `newColumn${leftId}`,
             key: `newColumn${leftId}`,
-            label: `new Column ${leftId}`
+            label: `new Column ${leftId}`,
+            position: leftId
           };
           // Update configuration on disk
-          state.diskConfig.addColumn(leftId, newLeftColumn);
+          state.diskConfig.addColumn(`newColumn${leftId}`, newLeftColumn);
 
           Promise.all(state.data.map(async (row:TableRow) => {
             updateRowFile(

src/components/reducers/DatabaseDispatch.tsx

@@ -295,6 +295,5 @@ html {
   max-width: 1000;
   margin-left: auto;
   margin-right: auto;
-  overflow: auto;
   display: flex;
 }