zebflow 0.10.3

Reactive web automation platform — pipelines, templates, and real-time collaboration in a single binary.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

import Button from "@/components/ui/button";
import StructureTable from "@/components/db/structure-table";

/** What the engine says the open table's columns are. */
export default function SchemaTabPanel({ activeTable, describe, canCreateTable, onCreateTable }) {
  return (
    <section className="db-suite-panel db-suite-panel-fill">
      <div className="flex h-full flex-col gap-4 p-6">
        {!activeTable ? (
          <div className="db-suite-empty">Select a table to inspect its schema.</div>
        ) : (
          <>
            <div className="flex items-center justify-between gap-3">
              <div>
                <p className="text-lg font-semibold text-foreground">{activeTable.table}</p>
                <p className="text-sm text-muted-foreground">{activeTable.rowCount || 0} rows</p>
              </div>
              {canCreateTable ? (
                <Button type="button" variant="outline" size="sm" onClick={onCreateTable}>
                  Create Table
                </Button>
              ) : null}
            </div>

            <StructureTable
              activeTable={activeTable}
              schemaColumns={describe.columns}
              schemaRows={describe.rows}
              schemaError={describe.error}
            />
          </>
        )}
      </div>
    </section>
  );
}