Do minor improvement to log and file selection

tact-lang · Nov 9, 2023 · 10c5c51 · 10c5c51
1 parent ce0b325
commit 10c5c51
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/src/components/ui/icon/index.tsx b/src/components/ui/icon/index.tsx
@@ -10,6 +10,7 @@ import { BsFillPlayFill } from 'react-icons/bs';
 import { FaRegClone } from 'react-icons/fa';
 import { FiEdit2, FiEye } from 'react-icons/fi';
 import { GoTriangleRight } from 'react-icons/go';
+import { GrClear } from 'react-icons/gr';
 import { HiDocumentText } from 'react-icons/hi';
 import { MdFeedback } from 'react-icons/md';
 
@@ -55,7 +56,8 @@ export type AppIconType =
   | 'Info'
   | 'Build'
   | 'Rocket'
-  | 'Eye';
+  | 'Eye'
+  | 'Clear';
 
 export interface AppIconInterface {
   name: AppIconType;
@@ -88,6 +90,7 @@ const Components = {
   Build,
   Rocket,
   Eye: FiEye,
+  Clear: GrClear,
 };
 
 const AppIcon: FC<AppIconInterface> = ({ name, className = '' }) => {

diff --git a/src/components/workspace/BottomPanel/BottomPanel.module.scss b/src/components/workspace/BottomPanel/BottomPanel.module.scss
@@ -41,6 +41,11 @@
       width: 2rem;
       height: 2rem;
       justify-content: center;
+      .icon {
+        path {
+          stroke: #fff;
+        }
+      }
       &:hover {
         background-color: var(--grey);
       }

diff --git a/src/components/workspace/BottomPanel/BottomPanel.tsx b/src/components/workspace/BottomPanel/BottomPanel.tsx
@@ -64,7 +64,7 @@ const BottomPanel: FC = () => {
           /> */}
           <Tooltip title="Clear log" placement="left">
             <span className={s.clearLog} onClick={clearLog}>
-              <AppIcon name="Delete" />
+              <AppIcon name="Clear" className={s.icon} />
             </span>
           </Tooltip>
         </div>

diff --git a/src/components/workspace/ExecuteFile/ExecuteFile.tsx b/src/components/workspace/ExecuteFile/ExecuteFile.tsx
@@ -115,6 +115,8 @@ const ExecuteFile: FC<Props> = ({
     <div className={s.root}>
       {description && <p className={s.desc}>{description}</p>}
       <Select
+        placeholder="Select a file"
+        notFoundContent="Required file not found"
         allowClear
         showSearch
         className="w-100"