40 lines
1.0 KiB
React
40 lines
1.0 KiB
React
|
import { Button, Collapse } from "@douyinfe/semi-ui";
|
||
|
|
import { useEnums } from "../../../hooks";
|
||
|
|
import { IconPlus } from "@douyinfe/semi-icons";
|
||
|
|
import { useTranslation } from "react-i18next";
|
||
|
|
import SearchBar from "./SearchBar";
|
||
|
|
import EnumDetails from "./EnumDetails";
|
||
|
|
|
||
|
|
export default function EnumsTab() {
|
||
|
|
const { enums, addEnum } = useEnums();
|
||
|
|
const { t } = useTranslation();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
<div className="flex gap-2">
|
||
|
|
<SearchBar />
|
||
|
|
<div>
|
||
|
|
<Button icon={<IconPlus />} block onClick={() => addEnum()}>
|
||
|
|
{t("add_enum")}
|
||
|
|
</Button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<Collapse>
|
||
|
|
{enums.map((e, i) => (
|
||
|
|
<Collapse.Panel
|
||
|
|
key={e.name + i}
|
||
|
|
header={
|
||
|
|
<div className="overflow-hidden text-ellipsis whitespace-nowrap">
|
||
|
|
{e.name}
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
itemKey={`${i}`}
|
||
|
|
>
|
||
|
|
<EnumDetails data={e} i={i} />
|
||
|
|
</Collapse.Panel>
|
||
|
|
))}
|
||
|
|
</Collapse>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|