Skip to content

Commit

Permalink
chore(discover): Update rewards icon (#6237)
Browse files Browse the repository at this point in the history
### Description

Add new icon and use in the rewards card

### Test plan

<img
src="https://github.com/user-attachments/assets/8264fc3b-9496-4e3b-a09c-f32a604074eb"
width="250" />

### Related issues

- Part of ACT-1465

### Backwards compatibility

Yes

### Network scalability

If a new NetworkId and/or Network are added in the future, the changes
in this PR will:

- [X] Continue to work without code changes, OR trigger a compilation
error (guaranteeing we find it when a new network is added)
  • Loading branch information
finnian0826 authored Nov 22, 2024
1 parent 5853f2f commit 45363d2
Show file tree
Hide file tree
Showing 3 changed files with 31 additions and 108 deletions.
4 changes: 2 additions & 2 deletions src/dappsExplorer/DappFeaturedActions.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
import { StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native'
import { ScrollView } from 'react-native-gesture-handler'
import Touchable from 'src/components/Touchable'
import Wallet from 'src/icons/Wallet'
import Reward from 'src/icons/Reward'
import { navigate } from 'src/navigator/NavigationService'
import { Screens } from 'src/navigator/Screens'
import { positionsWithClaimableRewardsSelector } from 'src/positions/selectors'
Expand Down Expand Up @@ -73,7 +73,7 @@ export function DappFeaturedActions() {
<FeaturedAction
title={t('dappShortcuts.rewards.title')}
description={t('dappShortcuts.rewards.description')}
Image={<Wallet />}
Image={<Reward />}
onPress={handleShowRewardsShortcuts}
style={scrollEnabled ? styles.reducedWidthCard : undefined}
/>
Expand Down
29 changes: 29 additions & 0 deletions src/icons/Reward.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
import * as React from 'react'
import Svg, { Path } from 'react-native-svg'

const Reward = ({ size = 34 }: { size?: number } = {}) => (
<Svg width={size} height={size} viewBox="0 0 34 34" fill="none">
<Path fill="#FD56B5" d="M7.067 14.684 1 33l17.492-6.488" />
<Path
stroke="#000"
strokeLinecap="round"
strokeLinejoin="round"
d="M7.067 14.684 1 33l17.492-6.488"
/>
<Path
fill="#FFDDF0"
stroke="#000"
strokeLinecap="round"
strokeLinejoin="round"
d="M16.251 16.901c3.231 3.411 4.605 7.49 3.07 9.112-.423.447-1.024.662-1.74.664-1.88.01-4.552-1.433-6.892-3.905-3.231-3.41-4.605-7.49-3.07-9.112 1.536-1.621 5.4-.172 8.632 3.241Z"
/>
<Path
stroke="#000"
strokeLinecap="round"
strokeLinejoin="round"
d="M9.085 20.825s4.953-5.964 5.326-11.247M10.687 22.77S21.704 11.91 23.354 4.16M12.536 24.464s8.793-7.736 17.656-7.469M17.982 7.973l1.059-2.434M29.171 13.261l2.521-.296M11.226 9.577l.002-.753M20.111 16.267l.525-.51M22.675 27.742l.692.177M14.814 6.314c-2.023-1.14-1.287-2.646-.07-2.725 1.858-.12 1.907-3.065-1.896-2.522M23.879 13.455c-.94-2.047-.299-3.44 1.29-3.306 1.697.144 4.276 1.45 4.007-1.896-.308-3.826 1.935-4.182 3.824-3.16M23.895 23.405c.79-1.978 2.45-1.73 3.025-.048.575 1.682 2.745 2.396 3.829-.25"
/>
</Svg>
)

export default Reward
Loading

0 comments on commit 45363d2

Please sign in to comment.