fix(export-sql): conditionally show generic option and reorder by diagram type (#708)

* fix(export-sql): conditionally show generic option and reorder by diagram type

* fix

* fix

---------

Co-authored-by: Guy Ben-Aharon <baguy3@gmail.com>
This commit is contained in:
Jonathan Fishner
2025-06-08 12:32:05 +03:00
committed by GitHub
parent 7d063b905f
commit c6118e0cdb

View File

@@ -250,65 +250,82 @@ export const Menu: React.FC<MenuProps> = () => {
{t('menu.file.export_sql')} {t('menu.file.export_sql')}
</MenubarSubTrigger> </MenubarSubTrigger>
<MenubarSubContent> <MenubarSubContent>
{databaseType === DatabaseType.GENERIC ? (
<MenubarItem <MenubarItem
onClick={() => exportSQL(DatabaseType.GENERIC)} onClick={() =>
exportSQL(DatabaseType.GENERIC)
}
> >
{databaseTypeToLabelMap['generic']} {databaseTypeToLabelMap['generic']}
</MenubarItem> </MenubarItem>
) : null}
{databaseType !== DatabaseType.GENERIC ? (
<MenubarItem
onClick={() => exportSQL(databaseType)}
>
{databaseTypeToLabelMap[databaseType]}
</MenubarItem>
) : null}
{databaseType !== DatabaseType.POSTGRESQL ? (
<MenubarItem <MenubarItem
onClick={() => onClick={() =>
exportSQL(DatabaseType.POSTGRESQL) exportSQL(DatabaseType.POSTGRESQL)
} }
> >
{databaseTypeToLabelMap['postgresql']} {databaseTypeToLabelMap['postgresql']}
{databaseType !== DatabaseType.POSTGRESQL && (
<MenubarShortcut className="text-base"> <MenubarShortcut className="text-base">
{emojiAI} {emojiAI}
</MenubarShortcut> </MenubarShortcut>
)}
</MenubarItem> </MenubarItem>
) : null}
{databaseType !== DatabaseType.MYSQL ? (
<MenubarItem <MenubarItem
onClick={() => exportSQL(DatabaseType.MYSQL)} onClick={() =>
exportSQL(DatabaseType.MYSQL)
}
> >
{databaseTypeToLabelMap['mysql']} {databaseTypeToLabelMap['mysql']}
{databaseType !== DatabaseType.MYSQL && (
<MenubarShortcut className="text-base"> <MenubarShortcut className="text-base">
{emojiAI} {emojiAI}
</MenubarShortcut> </MenubarShortcut>
)}
</MenubarItem> </MenubarItem>
) : null}
{databaseType !== DatabaseType.SQL_SERVER ? (
<MenubarItem <MenubarItem
onClick={() => onClick={() =>
exportSQL(DatabaseType.SQL_SERVER) exportSQL(DatabaseType.SQL_SERVER)
} }
> >
{databaseTypeToLabelMap['sql_server']} {databaseTypeToLabelMap['sql_server']}
{databaseType !== DatabaseType.SQL_SERVER && (
<MenubarShortcut className="text-base"> <MenubarShortcut className="text-base">
{emojiAI} {emojiAI}
</MenubarShortcut> </MenubarShortcut>
)}
</MenubarItem> </MenubarItem>
) : null}
{databaseType !== DatabaseType.MARIADB ? (
<MenubarItem <MenubarItem
onClick={() => exportSQL(DatabaseType.MARIADB)} onClick={() =>
exportSQL(DatabaseType.MARIADB)
}
> >
{databaseTypeToLabelMap['mariadb']} {databaseTypeToLabelMap['mariadb']}
{databaseType !== DatabaseType.MARIADB && (
<MenubarShortcut className="text-base"> <MenubarShortcut className="text-base">
{emojiAI} {emojiAI}
</MenubarShortcut> </MenubarShortcut>
)}
</MenubarItem> </MenubarItem>
) : null}
{databaseType !== DatabaseType.SQLITE ? (
<MenubarItem <MenubarItem
onClick={() => exportSQL(DatabaseType.SQLITE)} onClick={() =>
exportSQL(DatabaseType.SQLITE)
}
> >
{databaseTypeToLabelMap['sqlite']} {databaseTypeToLabelMap['sqlite']}
{databaseType !== DatabaseType.SQLITE && (
<MenubarShortcut className="text-base"> <MenubarShortcut className="text-base">
{emojiAI} {emojiAI}
</MenubarShortcut> </MenubarShortcut>
)}
</MenubarItem> </MenubarItem>
) : null}
</MenubarSubContent> </MenubarSubContent>
</MenubarSub> </MenubarSub>
<MenubarSub> <MenubarSub>