Edit : make <create_database_modal> default CTA create empty diagram

src/components/sidebar/sidebar.tsx

@@ -53,6 +53,9 @@ const Sidebar: React.FC<SidebarProps> = ({ }) => {
         },
     ], []);
 
+
+
+
     return (
         <aside className="h-full z-[20] flex flex-col items-between py-2 justify-between sticky top-0 duration-500 w-12 bg-sidebar  pt-[56px] dark:bg-background">
             <div className="flex flex-col items-center gap-2">

src/i18/languages/ar.ts

@@ -184,6 +184,8 @@ export const ar = {
       delete_database_content: "هذا الإجراء لا يمكن التراجع عنه وسيمسح المخطط نهائيًا.",
       delete: "حذف",
       empty_diagram: "مخطط فارغ",
+      create_and_import : "إنشاء واستيراد" ,
+
       import_database: {
         title: "استيراد قاعدة البيانات",
         import: "استيراد",

src/i18/languages/de.ts

@@ -184,6 +184,8 @@ export const de = {
       delete_database_content: "Diese Aktion ist unwiderruflich und wird das Diagramm dauerhaft löschen.",
       delete: "Löschen",
       empty_diagram: "Leeres Diagramm",
+      create_and_import : "Erstellen und importieren" ,
+
       import_database: {
         title: "Datenbank importieren",
         import: "Importieren",

src/i18/languages/en.ts

@@ -181,8 +181,6 @@ export const en = {
             help: "Help",
             show_docs: "Show Docs",
             join_discord: "Join Discord",
-
-
         },
 
         modals: {
@@ -200,6 +198,7 @@ export const en = {
             delete_database_content: "This action is irreversible and will permanently remove the diagram.",
             delete: "Delete",
             empty_diagram: "Empty diagram",
+            create_and_import : "Create and import" ,
             import_database: {
                 title: "Import your Database",
                 import: "Import",

src/i18/languages/es.ts

@@ -199,6 +199,8 @@ export const es = {
             delete_database_content: "Esta acción es irreversible y eliminará permanentemente el diagrama.",
             delete: "Eliminar",
             empty_diagram: "Diagrama vacío",
+            create_and_import : "Crear e importar" ,
+
             import_database: {
                 title: "Importar tu base de datos",
                 import: "Importar",

src/i18/languages/fr.ts

@@ -185,6 +185,8 @@ export const fr = {
             delete_database_content: "Cette action est irréversible et supprimera définitivement le diagramme.",
             delete: "Supprimer",
             empty_diagram: "Diagramme vide",
+            create_and_import : "Créer et importer" ,
+
             import_database: {
                 title: "Importer votre base de données",
                 import: "Importer",

src/i18/languages/hi.ts

@@ -194,6 +194,8 @@ export const hi = {
             delete_database_content: "यह क्रिया अपरिवर्तनीय है और आरेख को स्थायी रूप से हटा देगी।",
             delete: "हटाएँ",
             empty_diagram: "खाली आरेख",
+            create_and_import : "बनाएँ और आयात करें" ,
+
             import_database: {
                 title: "अपना डेटाबेस आयात करें",
                 import: "आयात करें",

src/i18/languages/pt.ts

@@ -193,6 +193,8 @@ export const pt = {
       delete_database_content: "Esta ação é irreversível e removerá o diagrama permanentemente.",
       delete: "Excluir",
       empty_diagram: "Diagrama vazio",
+      create_and_import : "Criar e importar" ,
+
       import_database: {
         title: "Importar seu Banco de Dados",
         import: "Importar",

src/i18/languages/ru.ts

@@ -184,6 +184,8 @@ export const ru = {
       delete_database_content: "Это действие необратимо и навсегда удалит диаграмму.",
       delete: "Удалить",
       empty_diagram: "Пустая диаграмма",
+      create_and_import : "Создать и импортировать" ,
+
       import_database: {
         title: "Импортируйте вашу базу данных",
         import: "Импорт",

src/i18/languages/zh.ts

@@ -198,6 +198,8 @@ export const zh = {
       delete_database_content: "该操作不可撤销，将永久删除该图表。",
       delete: "删除",
       empty_diagram: "空图表",
+      create_and_import : "创建并导入" ,
+
       import_database: {
         title: "导入数据库",
         import: "导入",

src/pages/database/modals/create-database-modal.tsx

@@ -30,7 +30,7 @@ export const CreateDatabaseModal: React.FC<ModalProps> = (props) => {
             setSelectedDbType([selectedType]);
     }
 
-    const createNewDatabase = useCallback(async (withImport: boolean = true) => {
+    const createNewDatabase = useCallback(async (withImport: boolean = false) => {
         const databaseId: string = v4();
         return new Promise(async (res, rej) => {
             try {
@@ -61,7 +61,7 @@ export const CreateDatabaseModal: React.FC<ModalProps> = (props) => {
             isOpen={isOpen}
             onOpenChange={onOpenChange}
             title={t("modals.pick_database")}
-            actionName={t("modals.continue")}
+            actionName={t("modals.create")}
             className="min-w-[720px]"
             isDisabled={!isValid}
             actionHandler={createNewDatabase}
@@ -111,10 +111,10 @@ export const CreateDatabaseModal: React.FC<ModalProps> = (props) => {
                             variant="bordered"
                             size="sm"
                             className="w-full text-font/90 border-1 border-divider"
-                            onPressEnd={ () => createNewDatabase( false )}
+                            onPressEnd={ () => createNewDatabase( true )}
                         >
                             <span className="underline">
-                                     {t("modals.empty_diagram")}
+                                     {t("modals.create_and_import")}
                             </span>
                         </Button>
                     </div>