chore: minor UI Fixes

hats-finance · Jul 24, 2024 · f890187 · f890187
1 parent 62bdea9
commit f890187
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 2 deletions.
diff --git a/packages/web/src/languages/en.json b/packages/web/src/languages/en.json
@@ -713,6 +713,7 @@
     "date": "Date",
     "points": "Points",
     "showMore": "Show more",
+    "showLess": "Show less",
     "MyWallet": {
       "overview": "Overview",
       "pointValue": "Point value",

diff --git a/...ge/components/AirdropCheckEligibility/AirdropRedeemModal/steps/AirdropRedeemDelegatee.tsx b/...ge/components/AirdropCheckEligibility/AirdropRedeemModal/steps/AirdropRedeemDelegatee.tsx
@@ -80,7 +80,23 @@ export const AirdropRedeemDelegatee = () => {
       </div>
 
       <Modal isShowing={!!showingMoreDelegate} onHide={() => setShowingMoreDelegate(undefined)} hideCloseIcon>
-        <>{showingMoreDelegate && <DelegateeCard delegatee={showingMoreDelegate} modal />}</>
+        <>
+          {showingMoreDelegate && (
+            <>
+              <DelegateeCard delegatee={showingMoreDelegate} modal />
+              <div style={{ display: "flex", justifyContent: "center" }} className="mt-2">
+                <Button
+                  size="small"
+                  className="show-more mb-1 mt-3"
+                  styleType="invisible"
+                  onClick={() => setShowingMoreDelegate(undefined)}
+                >
+                  {t("showLess")}
+                </Button>
+              </div>
+            </>
+          )}
+        </>
       </Modal>
     </>
   );

diff --git a/...MyWallet/MyWalletPage/Sections/DaoOverview/components/DelegateManager/DelegateManager.tsx b/...MyWallet/MyWalletPage/Sections/DaoOverview/components/DelegateManager/DelegateManager.tsx
@@ -160,7 +160,23 @@ export const DelegateManager = () => {
       </Modal>
 
       <Modal isShowing={!!showingMoreDelegate} onHide={() => setShowingMoreDelegate(undefined)} hideCloseIcon>
-        <>{showingMoreDelegate && <DelegateeCard delegatee={showingMoreDelegate} modal />}</>
+        <>
+          {showingMoreDelegate && (
+            <>
+              <DelegateeCard delegatee={showingMoreDelegate} modal />
+              <div style={{ display: "flex", justifyContent: "center" }} className="mt-2">
+                <Button
+                  size="small"
+                  className="show-more mb-1 mt-3"
+                  styleType="invisible"
+                  onClick={() => setShowingMoreDelegate(undefined)}
+                >
+                  {t("showLess")}
+                </Button>
+              </div>
+            </>
+          )}
+        </>
       </Modal>
     </StyledDelegateManager>
   );