🚸 use button instead of anchor

exactly · Oct 26, 2023 · da96e70 · da96e70 · vercel · Oct 26, 2023
1 parent 2bb59dd
commit da96e70
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 9 deletions.
diff --git a/components/VestingInput/index.tsx b/components/VestingInput/index.tsx
@@ -408,9 +408,18 @@ function VestingInput({ refetch }: Props) {
                   i18nKey="Not enough EXA for reserve. <1>Get EXA</1>."
                   components={{
                     1: (
-                      <a
+                      <button
                         onClick={openGetEXA}
-                        style={{ fontWeight: 700, textDecoration: 'underline', cursor: 'pointer' }}
+                        style={{
+                          fontWeight: 700,
+                          textDecoration: 'underline',
+                          cursor: 'pointer',
+                          padding: 'unset',
+                          background: 'unset',
+                          border: 'unset',
+                          fontSize: 'unset',
+                          color: 'unset',
+                        }}
                       />
                     ),
                   }}

diff --git a/pages/strategies.tsx b/pages/strategies.tsx
@@ -229,11 +229,9 @@ const Strategies: NextPage = () => {
             { text: t('Basic'), size: 'small' as const },
           ],
           button: (
-            <a style={{ width: '100%' }}>
-              <Button fullWidth variant="contained" onClick={openGetEXA}>
-                {t('Get EXA')}
-              </Button>
-            </a>
+            <Button fullWidth variant="contained" onClick={openGetEXA}>
+              {t('Get EXA')}
+            </Button>
           ),
           isNew: true,
         },

diff --git a/pages/vesting.tsx b/pages/vesting.tsx
@@ -116,9 +116,18 @@ const Vesting: NextPage = () => {
                 i18nKey="You can <1>get EXA</1> if you don’t have the required reserve amount."
                 components={{
                   1: (
-                    <a
+                    <button
                       onClick={openGetEXA}
-                      style={{ textDecoration: 'underline', fontWeight: 700, cursor: 'pointer' }}
+                      style={{
+                        fontWeight: 700,
+                        textDecoration: 'underline',
+                        cursor: 'pointer',
+                        padding: 'unset',
+                        background: 'unset',
+                        border: 'unset',
+                        fontSize: 'unset',
+                        color: 'unset',
+                      }}
                     />
                   ),
                 }}