feat: added icons button #190

chainhackers · Sep 7, 2023 · d72ffb1 · d72ffb1
1 parent 1251485
commit d72ffb1
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 9 deletions.
diff --git a/components/LeftPanel/LeftPanel.module.scss b/components/LeftPanel/LeftPanel.module.scss
@@ -36,7 +36,10 @@
     display: flex;
     justify-content: center;
     flex-direction: column;
-
+    .containerBtn{
+      display: flex;
+      gap: 0.5rem;
+    }
     @media (max-width: 992px) {
       flex: auto;
     }

diff --git a/components/LeftPanel/LeftPanel.tsx b/components/LeftPanel/LeftPanel.tsx
@@ -4,6 +4,7 @@ import { LeftPanelPropsI } from './LeftPanelProps';
 import styles from './LeftPanel.module.scss';
 import React from 'react';
 import disputeIcon from 'public/images/disputeIcon.svg';
+import hourglassIcon from 'public/images/hourglassIcon.svg'
 
 export const LeftPanel: React.FC<LeftPanelPropsI> = ({
   players,
@@ -30,14 +31,26 @@ export const LeftPanel: React.FC<LeftPanelPropsI> = ({
           disabled={!isDisputAvailable}
           onClick={onRunDisput}
         />
-        <CustomButton
-          size='sm'
-          color='transparent'
-          radius='sm'
-          text='Dispute Move'
-          image={disputeIcon.src}
-          imageSize='40'
-        />
+        <div className={styles.containerBtn}>
+          <CustomButton
+            size='sm'
+            color='transparent'
+            radius='sm'
+            text='Init Timeout'
+            image={hourglassIcon.src}
+            imageSize='24'
+            imagePosition={"right"}
+          />
+          <CustomButton
+            size='sm'
+            color='transparent'
+            radius='sm'
+            text='Dispute Move'
+            image={disputeIcon.src}
+            imageSize='24'
+            imagePosition={"right"}
+          />
+        </div>
       </div>
     </div>
   );

diff --git a/public/images/hourglassIcon.svg b/public/images/hourglassIcon.svg