diff --git a/src/components/EditorSidePanel/TablesTab/TableField.jsx b/src/components/EditorSidePanel/TablesTab/TableField.jsx index 7c744f421..13369fe90 100644 --- a/src/components/EditorSidePanel/TablesTab/TableField.jsx +++ b/src/components/EditorSidePanel/TablesTab/TableField.jsx @@ -8,7 +8,7 @@ import { dbToTypes } from "../../../data/datatypes"; import { DragHandle } from "../../SortableList/DragHandle"; import FieldDetails from "./FieldDetails"; -export default function TableField({ data, tid, index }) { +export default function TableField({ data, tid, index, inherited }) { const { updateField } = useDiagram(); const { types } = useTypes(); const { enums } = useEnums(); @@ -21,12 +21,15 @@ export default function TableField({ data, tid, index }) { return (
+
updateField(tid, data.id, { name: value })} onFocus={(e) => setEditField({ name: e.target.value })} onBlur={(e) => { @@ -51,13 +54,14 @@ export default function TableField({ data, tid, index }) { }} />
+
+ { - setTables((prev) => { - return prev.map((t) => + onChange={(newFields) => + setTables((prev) => + prev.map((t) => t.id === data.id ? { ...t, fields: newFields } : t, - ); - }); - }} + ), + ) + } afterChange={() => setSaveState(State.SAVING)} renderItem={(item, i) => ( - + )} /> + + {database === DB.POSTGRES && ( +
+
+ {t("inherits")}: +
+