drawdb-io/drawdb
1
0
Fork 0
mirror of https://github.com/drawdb-io/drawdb.git synced 2025-09-18 12:52:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

slight modifications to the table view

Browse Source
This commit is contained in:
HansMarcus01
2025-03-06 10:51:53 -06:00
parent 8f9c447935
commit 50e7201351
1 changed files with 40 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/EditorCanvas/Table.jsx
View File

@@ -16,7 +16,7 @@ import {
import { Popover, Tag, Button, SideSheet } from "@douyinfe/semi-ui";
import { useLayout, useSettings, useDiagram, useSelect } from "../../hooks";
import TableInfo from "../EditorSidePanel/TablesTab/TableInfo";
import { useTranslation } from "react-i18next";
import { useTranslation} from "react-i18next";
import { dbToTypes } from "../../data/datatypes";
import { isRtl } from "../../i18n/utils/rtl";
import i18n from "../../i18n/i18n";
@@ -296,7 +296,7 @@ export default function Table(props) {
className={`
${
(fieldData.primary && settings.notation !== "default" )
? "border"
? "border-b border-gray-400"
: ""
} ${
(!fieldData.primary && settings.notation !== "default" )
@@ -315,9 +315,17 @@ export default function Table(props) {
? "border-b border-gray-400"
: ""
} ${
(fieldData.primary && settings.notation === "default")
? "border-b border-gray-400"
: ""
}${
(settings.notation === "default" && index !== tableData.fields.length - 1 && fieldData.primary === false)
? "border-b border-gray-400"
: ""
}${
// Checa que cuando seas el último se redondee
(settings.notation === "default" && index === tableData.fields.length - 1)
? "border-b border-gray-400"
? "rounded-b-md"
: ""
} group h-[36px] px-2 py-1 flex justify-between items-center gap-1 w-full overflow-hidden`}
onPointerEnter={(e) => {
@@ -393,19 +401,35 @@ export default function Table(props) {
/>
) : (
<div className="flex gap-1 items-center">
{(fieldData.primary && settings.notation === "default") && <IconKeyStroked />}
{(fieldData.notNull && settings.notation !== "default") && <span>NOT NULL</span>}
{(!fieldData.notNull && settings.notation !== "default") && <span>NULL</span>}
{(!fieldData.notNull && settings.notation === "default") && <span>?</span>}
<span>
{fieldData.type +
((dbToTypes[database][fieldData.type].isSized ||
dbToTypes[database][fieldData.type].hasPrecision) &&
fieldData.size &&
fieldData.size !== ""
? "(" + fieldData.size + ")"
: "")}
</span>
{settings.notation !== "default" ? (
<>
<span>
{fieldData.type +
((dbToTypes[database][fieldData.type].isSized ||
dbToTypes[database][fieldData.type].hasPrecision) &&
fieldData.size &&
fieldData.size !== ""
? "(" + fieldData.size + ")"
: "")}
</span>
{(fieldData.notNull && <span>NOT NULL</span>)}
{(!fieldData.notnull && <span>NULL</span>)}
</>
) : (
<>
{fieldData.primary && <IconKeyStroked/>}
{!fieldData.notNull && <span>?</span>}
<span>
{fieldData.type +
((dbToTypes[database][fieldData.type].isSized ||
dbToTypes[database][fieldData.type].hasPrecision) &&
fieldData.size &&
fieldData.size !== ""
? "(" + fieldData.size + ")"
: "")}
</span>
</>
)}
</div>
)}
</div>