Minor ui improvement

nujan-io · Aug 9, 2023 · 0719139 · 0719139
1 parent 767a36a
commit 0719139
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 8 deletions.
diff --git a/src/components/dashboard/DashboardSidebar/DashboardSidebar.module.scss b/src/components/dashboard/DashboardSidebar/DashboardSidebar.module.scss
@@ -32,6 +32,7 @@
       font-size: 1rem;
       padding: 0.5rem 0;
       cursor: pointer;
+      gap: 4px;
       > div {
         width: 100%;
       }

diff --git a/src/components/project/NewProject/NewProject.tsx b/src/components/project/NewProject/NewProject.tsx
@@ -19,7 +19,7 @@ const NewProject: FC = () => {
   const [isLoading, setIsLoading] = useState(false);
 
   const router = useRouter();
-  const { importURL } = router.query;
+  const { importURL, name: projectName } = router.query;
 
   const [form] = useForm();
 
@@ -81,14 +81,16 @@ const NewProject: FC = () => {
     form.setFieldsValue({
       template: 'import',
       importType: 'github',
-      githubUrl: importURL,
+      githubUrl: importURL || '',
+      name: projectName || '',
     });
     setIsActive(true);
     const finalQueryParam = router.query;
     delete finalQueryParam.importURL;
+    delete finalQueryParam.name;
     router.replace({ query: finalQueryParam });
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [importURL, form]);
+  }, [importURL, projectName, form]);
 
   const closeModal = () => {
     setIsActive(false);

diff --git a/src/components/workspace/ContractInteraction/ContractInteraction.tsx b/src/components/workspace/ContractInteraction/ContractInteraction.tsx
@@ -153,10 +153,8 @@ const ContractInteraction: FC<Props> = ({
         sandbox="allow-scripts"
       />
       <p>
-        <b>
           This will be used to send internal message and call getter method on
           contract
-        </b>
       </p>
       <br />
 

diff --git a/src/components/workspace/tree/FileTree/ItemActions.tsx b/src/components/workspace/tree/FileTree/ItemActions.tsx
@@ -2,6 +2,7 @@ import AppIcon from '@/components/ui/icon';
 import cn from 'clsx';
 import React, { FC } from 'react';
 
+import { Tooltip } from 'antd';
 import s from './FileTree.module.scss';
 
 type actionsTypes = 'Edit' | 'NewFile' | 'NewFolder' | 'Close';
@@ -33,18 +34,22 @@ const ItemAction: FC<Props> = ({
   const actionList = [
     {
       title: 'Edit',
+      label: 'Edit',
       action: onRename,
     },
     {
       title: 'NewFile',
+      label: 'New File',
       action: onNewFile,
     },
     {
       title: 'NewFolder',
+      label: 'New Folder',
       action: onNewDirectory,
     },
     {
       title: 'Close',
+      label: 'Delete',
       action: onDelete,
     },
   ];
@@ -56,9 +61,11 @@ const ItemAction: FC<Props> = ({
           return <React.Fragment key={i} />;
         }
         return (
-          <span key={i} onClick={(e) => handleOnClick(e, item.action)}>
-            <AppIcon name={item.title as any} />
-          </span>
+          <Tooltip title={item.label} key={i}>
+            <span onClick={(e) => handleOnClick(e, item.action)}>
+              <AppIcon name={item.title as any} />
+            </span>
+          </Tooltip>
         );
       })}
     </div>

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -27,6 +27,7 @@ export default function App({
           theme={{
             token: {
               colorPrimary: '#007fd4',
+              fontFamily: 'var(--font-body)',
             },
             algorithm: darkAlgorithm,
           }}