@@ -31,16 +31,16 @@ export default function DataTableNode({ data} : {data:Data} ) { //this 'data' i
3131
3232 //split up the table into different parts based on how the data is structured. fetch
3333 const tableName = tableData [ 0 ] ;
34- let firstRow : string [ ] = [ ]
35- let restRowsData : RowsOfData [ ] | [ ] = [ ]
36- let secondaryFirstRow : string [ ] = [ ]
34+ let firstRow : string [ ] = [ ] ;
35+ let restRowsData : RowsOfData [ ] | [ ] = [ ] ;
36+ let secondaryFirstRow : string [ ] = [ ] ;
3737 let RowData :( RowsOfData [ ] ) = Object . values ( tableData [ 1 ] ) ;
3838
3939
4040 //Used to grab the primary key and foreign keys column in the Table
4141 let schemaName = schemaStore [ `public.${ tableName } ] ;
42- let PK :( string | number | null ) = null
43- let FK :( string | number | null ) = null
42+ let PK :( string | number | null ) = null ;
43+ let FK :( string | number | null ) = null ;
4444 let pkVals = new Set ( ) ;
4545 for ( let key in schemaName ) {
4646 if ( schemaName [ key ] [ 'IsForeignKey' ] ) FK = schemaName [ key ] . field_name ;
@@ -104,13 +104,13 @@ export default function DataTableNode({ data} : {data:Data} ) { //this 'data' i
104104 restRowsData = [ ...RowData ] ;
105105 }
106106 } else {
107- firstRow = secondaryFirstRow
107+ firstRow = secondaryFirstRow ;
108108 }
109109
110110
111111//UseEffect set Table when the dataStore is changed after on Delete.
112112 useEffect ( ( ) => {
113- setTableData ( [ tableName , dataStore [ tableName ] ] )
113+ setTableData ( [ tableName , dataStore [ tableName ] ] ) ;
114114 } , [ dataStore ] ) ;
115115
116116
@@ -131,11 +131,11 @@ export default function DataTableNode({ data} : {data:Data} ) { //this 'data' i
131131// }
132132/////////////////////////////////////////////////////////////////////////
133133
134- const newDatastore = structuredClone ( dataStore )
134+ const newDatastore = structuredClone ( dataStore ) ;
135135
136- restRowsData = restRowsData . slice ( 0 , index ) . concat ( restRowsData . slice ( index + 1 , restRowsData . length ) )
136+ restRowsData = restRowsData . slice ( 0 , index ) . concat ( restRowsData . slice ( index + 1 , restRowsData . length ) ) ;
137137
138- newDatastore [ tableName ] = restRowsData
138+ newDatastore [ tableName ] = restRowsData ;
139139 setDataStore ( { ...newDatastore , [ id ] :restRowsData } ) ;
140140 await fetch ( `/api/sql/${ dbCredentials . db_type } , {
141141 method : 'DELETE' ,
@@ -146,10 +146,32 @@ const newDatastore = structuredClone(dataStore)
146146 } )
147147 . then ( ( res ) => {
148148 //console.log("deleting row info sent")
149- return res
149+ return res ;
150150 } )
151151 . catch ( ( err : ErrorEvent ) => { console . error ( 'deleting row error' , err ) } )
152- } ;
152+ } else {
153+ const sendDeleteRequest = fetch ( `/api/sql/${ dbCredentials . db_type } , {
154+ method : 'DELETE' ,
155+ headers : {
156+ 'Content-Type' : 'application/json'
157+ } ,
158+ body : JSON . stringify ( { tableName : tableName , deletedRow : value } )
159+ } )
160+ . then ( ( res ) => {
161+ //console.log("deleting row info sent")
162+ return res ;
163+ } )
164+ . catch ( ( err : ErrorEvent ) => { console . error ( 'deleting row error' , err ) } )
165+ }
166+ ////////////////// Fetch path: /api/delete ///////////////////
167+ // {
168+ // tableName: name of table,
169+ // primaryKey: primary key,
170+ // value: corresponding value of the primary key
171+ // }
172+ ////////////////////////////////////////////
173+ }
174+
153175
154176
155177//cannot make handles for data table dynamic since size of each column can vary
0 commit comments