fix(ui): update the transaction share link querystring to use blockhe…

…ight (#1009) - Updated the share link to use `bh` instead of `tx_id`. - Added a `max-height` media query to the modal so it fits on small screens. ![CleanShot 2024-11-06 at 15 05 26](https://github.com/user-attachments/assets/7692002b-696d-4c01-b68c-883d69cda68d) Co-authored-by: Brian Pearce <[email protected]>
tari-project · Nov 6, 2024 · a85fa67 · a85fa67
1 parent fc6fe0b
commit a85fa67
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/containers/ShareRewardModal/ShareRewardModal.tsx b/src/containers/ShareRewardModal/ShareRewardModal.tsx
@@ -55,9 +55,8 @@ export default function ShareRewardModal() {
     const block = item?.blockHeight || 0;
     const reward = item?.amount || 0;
     const earningsFormatted = useMemo(() => formatBalance(reward).toLowerCase(), [reward]);
-    const tx_id = item?.tx_id || '';
 
-    const shareUrl = `${airdropUrl}/download/${referralCode}?tx_id=${tx_id}`;
+    const shareUrl = `${airdropUrl}/download/${referralCode}?bh=${block}`;
 
     const handleCopy = () => {
         navigator.clipboard.writeText(shareUrl);

diff --git a/src/containers/ShareRewardModal/styles.ts b/src/containers/ShareRewardModal/styles.ts
@@ -9,6 +9,11 @@ export const HeroImage = styled('img')`
     left: 50%;
     transform: translateX(-50%);
     pointer-events: none;
+
+    @media (max-height: 800px) {
+        width: 65%;
+        top: -50px;
+    }
 `;
 
 export const ContentWrapper = styled('div')`
@@ -19,6 +24,10 @@ export const ContentWrapper = styled('div')`
     justify-content: center;
     align-items: center;
     gap: 20px;
+
+    @media (max-height: 800px) {
+        padding-top: 190px;
+    }
 `;
 
 export const Title = styled('div')`