hotfix: passport dashboard put directly in settings view

golemfoundation · Jul 18, 2024 · 10b1b91 · 10b1b91
1 parent 1d44e14
commit 10b1b91
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/...ts/Settings/SettingsUniquenessScoreAddresses/SettingsUniquenessScoreAddresses.module.scss b/...ts/Settings/SettingsUniquenessScoreAddresses/SettingsUniquenessScoreAddresses.module.scss
@@ -1,12 +1,12 @@
 .root {
   width: 100%;
-  height: 7.2rem;
+  height: 6rem;
   padding: 0 2.4rem;
   display: flex;
   align-items: center;
   border-radius: $border-radius-16;
   background-color: $color-octant-grey3;
-  margin: 1.6rem 0 1.4rem;
+  margin: 0.8rem 0 1.4rem;
 
   .avatarsGroup {
     position: relative;

diff --git a/...src/components/Settings/SettingsUniquenessScoreBox/SettingsUniquenessScoreBox.module.scss b/...src/components/Settings/SettingsUniquenessScoreBox/SettingsUniquenessScoreBox.module.scss
@@ -13,6 +13,12 @@
     font-weight: $font-weight-bold;
   }
 
+  .visitDashboard {
+    font-size: 1rem;
+    padding: 0;
+    margin-top: 0.8rem;
+  }
+
   .buttonsWrapper {
     margin-bottom: auto;
     width: 100%;

diff --git a/client/src/components/Settings/SettingsUniquenessScoreBox/SettingsUniquenessScoreBox.tsx b/client/src/components/Settings/SettingsUniquenessScoreBox/SettingsUniquenessScoreBox.tsx
@@ -12,6 +12,7 @@ import SettingsUniquenessScoreAddresses from 'components/Settings/SettingsUnique
 import BoxRounded from 'components/ui/BoxRounded';
 import Button from 'components/ui/Button';
 import { DELEGATION_MIN_SCORE } from 'constants/delegation';
+import { GITCOIN_PASSPORT_CUSTOM_OCTANT_DASHBOARD } from 'constants/urls';
 import useCheckDelegation from 'hooks/mutations/useCheckDelegation';
 import useRefreshAntisybilStatus from 'hooks/mutations/useRefreshAntisybilStatus';
 import useAntisybilStatusScore from 'hooks/queries/useAntisybilStatusScore';
@@ -209,6 +210,12 @@ const SettingsUniquenessScoreBox = (): ReactNode => {
       }
     >
       <>
+        <Button
+          className={styles.visitDashboard}
+          href={GITCOIN_PASSPORT_CUSTOM_OCTANT_DASHBOARD}
+          label="Score too low? Visit our Passport dashboard"
+          variant="link"
+        />
         <SettingsUniquenessScoreAddresses isFetchingScore={isFetchingScore} />
         <div className={styles.buttonsWrapper}>
           <Button