plus icon

dolthub · Dec 12, 2024 · 9f5d54a · 9f5d54a
1 parent 4d108ba
commit 9f5d54a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/web/renderer/components/CreateDatabase/index.module.css b/web/renderer/components/CreateDatabase/index.module.css
@@ -5,3 +5,7 @@
     @apply h-4 w-4;
   }
 }
+
+.text {
+  @apply ml-2;
+}
diff --git a/web/renderer/components/CreateDatabase/index.tsx b/web/renderer/components/CreateDatabase/index.tsx
@@ -8,6 +8,7 @@ import {
 import useMutation from "@hooks/useMutation";
 import { database } from "@lib/urls";
 import { AiOutlinePlusCircle } from "@react-icons/all-files/ai/AiOutlinePlusCircle";
+import { AiOutlinePlus } from "@react-icons/all-files/ai/AiOutlinePlus";
 import cx from "classnames";
 import { useRouter } from "next/router";
 import { SyntheticEvent, useState } from "react";
@@ -55,8 +56,8 @@ export default function CreateDatabase(props: Props) {
         onClick={() => setIsOpen(true)}
         className={cx(css.createDB, props.buttonClassName)}
       >
-        <AiOutlinePlusCircle />
-        {props.showText && "Create database"}
+        {props.showText ? <AiOutlinePlus /> : <AiOutlinePlusCircle />}
+        {props.showText && <span className={css.text}>Create database</span>}
       </Button.Link>
       <ModalOuter
         isOpen={isOpen}

diff --git a/web/renderer/components/pageComponents/DatabasesPage/index.tsx b/web/renderer/components/pageComponents/DatabasesPage/index.tsx
@@ -51,7 +51,11 @@ export default function DatabasesPage() {
             No databases found. Create a database to get started.
           </p>
         )}
-        <CreateDatabase buttonClassName={css.button} isPostgres={isPostgres} />
+        <CreateDatabase
+          buttonClassName={css.button}
+          isPostgres={isPostgres}
+          showText
+        />
         <ErrorMsg err={res.error} />
       </Loader>
     </MainLayout>
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,3 +5,7 @@ @@
         @apply h-4 w-4;
       }
     }
+    .text {
+      @apply ml-2;
+    }