\n {/*

Tables ({props.tables.length})

*/}\n {props.tables.map(item => {\n return (\n \n {item.type === \"table\" ? : }\n {item.name}\n

\n );\n })}\n \n );\n};\n\nexport const Separator: FC = (props) => {\n const isResizer = props.isResizer;\n if (isResizer) {\n return (\n \n

\n \n \n \n \n

\n \n );\n }\n return (\n \n \n );\n};\n\nexport const EditorSection: FC = () => {\n return (\n \n

\n \n \n

\n\n

\n \n \n Download JSON\n \n \n Download CSV\n \n\n \n loading...\n \n

\n \n );\n};\n\nexport const Table: FC = (props) => {\n const headers = props.headers as string[];\n const rows = props.rows as string[][];\n\n const createRows = (rows, headers) => {\n if (rows.every((subArray) => subArray.length === 0)) {\n const emptyRow = headers.map((header) => {\n return A;\n });\n\n return {emptyRow};\n }\n\n return rows.map((row) => (\n \n {row.map((cell) => {cell})}\n \n ));\n };\n\n const tableRows = createRows(rows, headers);\n\n return (\n \n \n \n {headers.map((header) => )}\n \n \n \n {tableRows}\n \n

{header}

\n );\n};\n\nexport const MockTable: FC = ({ h, r }: { h: number; r: number }) => {\n const createHeaders = (h: number) => {\n let headers: string[] = [];\n for (let i = 0; i < h; i++) {\n headers.push(`Header ${i}`);\n }\n return headers;\n };\n\n const createRows = (h: number, r: number) => {\n let rows: string[][] = [];\n for (let i = 0; i < r; i++) {\n let row: string[] = [];\n for (let j = 0; j < h; j++) {\n row.push(`Row ${i} Col ${j}`);\n }\n rows.push(row);\n }\n return rows;\n };\n\n return (\n \n \n \n {createHeaders(h).map((header) => )}\n \n \n \n {createRows(h, r).map((row: string[]) => {\n return row.map((col) => {\n return (\n \n \n \n );\n });\n })}\n \n

{header}
{col}

\n );\n};","deleted","label",[99],"permalink","https://www.val.town/x/nbbaier/sqliteStudioComponents/code/main.tsx","extension","actionData","errors"]