Use IconProps

AudiusProject · Oct 11, 2023 · 03c055c · 03c055c
1 parent 8db5cda
commit 03c055c
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/packages/mobile/src/components/premium-track-purchase-drawer/PurchaseSuccess.tsx b/packages/mobile/src/components/premium-track-purchase-drawer/PurchaseSuccess.tsx
@@ -38,15 +38,12 @@ const useStyles = makeStyles(({ spacing, palette }) => ({
   },
   viewTrackText: {
     color: palette.neutralLight4
-  },
-  viewTrackIcon: {
-    color: palette.neutralLight4
   }
 }))
 
 export const PurchaseSuccess = ({ track }: { track: UserTrackMetadata }) => {
   const styles = useStyles()
-  const { specialGreen, staticWhite } = useThemeColors()
+  const { specialGreen, staticWhite, neutralLight4 } = useThemeColors()
   const { onClose } = useDrawer('PremiumTrackPurchase')
   const { handle } = track.user
   const { title } = track
@@ -91,10 +88,9 @@ export const PurchaseSuccess = ({ track }: { track: UserTrackMetadata }) => {
         variant='commonAlt'
         styles={{
           root: styles.viewTrack,
-          text: styles.viewTrackText,
-          // @ts-ignore icon has ViewStyle prop for some reason, which does not understand the 'color' property
-          icon: styles.viewTrackIcon
+          text: styles.viewTrackText
         }}
+        IconProps={{ width: 20, height: 20, fill: neutralLight4 }}
         size='large'
         icon={IconCaretRight}
       />