feat: added disput mode button desktop #190

chainhackers · Sep 7, 2023 · e52699a · e52699a
1 parent 317a91b
commit e52699a
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 7 deletions.
diff --git a/components/LeftPanel/LeftPanel.tsx b/components/LeftPanel/LeftPanel.tsx
@@ -41,6 +41,8 @@ export const LeftPanel: React.FC<LeftPanelPropsI> = ({
             image={hourglassIcon.src}
             imageSize='24'
             imagePosition={"right"}
+            disabled={!isDisputAvailable}
+            onClick={onRunDisput}
           />
           <CustomButton
             size='sm'

diff --git a/components/shared/ui/CustomButton/CustomButton.module.scss b/components/shared/ui/CustomButton/CustomButton.module.scss
@@ -10,9 +10,7 @@
   border: 1px solid var(--light-grey, #e8e8e8);
   margin-bottom: 40px;
 
-  &.disabled {
-    cursor: not-allowed;
-  }
+
 }
 
 .button {
@@ -25,6 +23,9 @@
   font-weight: 500;
   line-height: 1.2;
   text-decoration: none;
+  &.disabled {
+    cursor: not-allowed;
+  }
 }
 
 .text {
@@ -43,7 +44,10 @@
   @media (min-width: 1024px) {
     font-size: 2rem;
   }
-  @media (min-width: 1368px) {
+  @media (min-width: 1200px) {
+    font-size: 2.2rem;
+  }
+  @media (min-width: 1920px) {
     font-size: 2.7rem;
   }
 }

diff --git a/components/shared/ui/CustomButton/CustomButton.tsx b/components/shared/ui/CustomButton/CustomButton.tsx
@@ -34,8 +34,8 @@ export const CustomButton: FC<ICustomButtonProps> = ({
 
   if (link) {
     return (
-      <Link href={link} target='_blank'>
-        <a target='_blank' className={buttonClasses}>
+      <Link href={link} target='_blank' >
+        <a target='_blank' className={buttonClasses} {...rest}>
           {imagePosition === 'left' && (
             <img src={image} alt='Button Image' className={styles.image} style={imageStyles} />
           )}

diff --git a/components/shared/ui/CustomButton/CustomButtonProps.ts b/components/shared/ui/CustomButton/CustomButtonProps.ts
@@ -1,5 +1,6 @@
 export interface ICustomButtonProps {
-  onClick?: () => void;
+  disabled?: boolean;
+  onClick: () => Promise<void>;
   size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
   color?: 'transparent' | 'dark' | 'gradient';
   textColor?: string;