drawdb-io/drawdb
1
0
Fork 0
mirror of https://github.com/drawdb-io/drawdb.git synced 2025-12-22 03:00:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

Show info icon only for generic diagrams

Browse Source
This commit is contained in:
1ilit
2024-06-30 13:22:34 +03:00
parent 810afe4bc0
commit 85ccb19d8f
2 changed files with 25 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/EditorSidePanel/TypesTab/TypesTab.jsx
View File

@@ -1,7 +1,7 @@
import { Collapse, Button, Popover } from "@douyinfe/semi-ui";
import { IconPlus, IconInfoCircle } from "@douyinfe/semi-icons";
import { useSelect, useTypes } from "../../../hooks";
import { ObjectType } from "../../../data/constants";
import { useSelect, useTables, useTypes } from "../../../hooks";
import { DB, ObjectType } from "../../../data/constants";
import Searchbar from "./SearchBar";
import Empty from "../Empty";
import TypeInfo from "./TypeInfo";
@@ -10,6 +10,7 @@ import { useTranslation } from "react-i18next";
export default function TypesTab() {
const { types, addType } = useTypes();
const { selectedElement, setSelectedElement } = useSelect();
const { database } = useTables();
const { t } = useTranslation();
return (
@@ -21,21 +22,23 @@ export default function TypesTab() {
{t("add_type")}
</Button>
</div>
<Popover
content={
<div className="w-[240px] text-sm space-y-2 popover-theme">
{t("types_info")
.split("\n")
.map((line, index) => (
<div key={index}>{line}</div>
))}
</div>
}
showArrow
position="rightTop"
>
<Button theme="borderless" icon={<IconInfoCircle />} />
</Popover>
{database === DB.GENERIC && (
<Popover
content={
<div className="w-[240px] text-sm space-y-2 popover-theme">
{t("types_info")
.split("\n")
.map((line, index) => (
<div key={index}>{line}</div>
))}
</div>
}
showArrow
position="rightTop"
>
<Button theme="borderless" icon={<IconInfoCircle />} />
</Popover>
)}
</div>
{types.length <= 0 ? (
<Empty title={t("no_types")} text={t("no_types_text")} />