Merge branch 'LF-11816' of github.com:jumperexchange/jumper-exchange …

…into LF-11816
jumperexchange · Jan 21, 2025 · 82864aa · 82864aa
2 parents c10a795 + 2c760b1
commit 82864aa
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 4 deletions.
diff --git a/src/components/Berachain/components/BerachainMarketCard/BerachainMarketCardWithBadge.tsx b/src/components/Berachain/components/BerachainMarketCard/BerachainMarketCardWithBadge.tsx
@@ -1,5 +1,6 @@
-import { Badge, Tooltip } from '@mui/material';
+import { Badge, Box, Tooltip, Typography } from '@mui/material';
 import type { ExtraRewards } from '@/components/Berachain/BerachainType';
+import AutoAwesomeIcon from '@mui/icons-material/AutoAwesome';
 import React from 'react';
 
 interface BerachainMarketCardWithBadgeProps {
@@ -32,13 +33,25 @@ export const BerachainMarketCardWithBadge = ({
     >
       <Badge
         color="primary"
-        badgeContent="baffle"
+        badgeContent={
+          <Box sx={{ display: 'flex', flexDirection: 'row', gap: '4px' }}>
+            <AutoAwesomeIcon
+              sx={{ width: '16px', height: '16px', color: '#00000' }}
+            />
+            <Typography
+              sx={{
+                fontWeight: 700,
+                lineHeight: '16px',
+              }}
+            >
+              Baffle
+            </Typography>
+          </Box>
+        }
         sx={(theme) => ({
           cursor: 'help',
           '.MuiBadge-badge': {
             right: '25px',
-            fontWeight: 700,
-            lineHeight: '16px',
             borderRadius: '128px',
             color: theme.palette.black.main,
             paddingX: theme.spacing(1.75),

diff --git a/src/components/Berachain/hooks/useBerachainFaq.ts b/src/components/Berachain/hooks/useBerachainFaq.ts
@@ -38,6 +38,10 @@ Boyco will allow applications to onboard liquidity directly into their smart con
       Answer:
         'Rewards will be paid to depositors at the conclusion of the pre-determined lock period and will be claimed from each dApp directly. Depositors will be provided a redirection link from the Jumper UI to each official claim page on the dApps UI where they can claim their incentives at the conclusion of the lock period.',
     },
+    {
+      Question: 'What are "Baffle" rewards?',
+      Answer: `Baffle rewards are additional rewards offered by participating applications exclusively to Jumper UI users. This rewards are NFTs that are distributed through raffle mechanisms to every qualifying wallets (i.e. deposit more than >$69 on a curated list of pools). All of those pools are recognisable by the 'Reward' tag on the UI. List of rewards: 25 HJ1 NFTs, 5 Big Fat Beras NFTs, 5 Beary Benslers NFTs, min 1 Bearet Yellens NFT, etc.`,
+    },
   ];
 
   return faqItems;