feat: fix icons

src/screens/cover/components/ShareAndCreditsModal.js

@@ -20,7 +20,7 @@ import { useStripe } from '../../../providers/StripeProvider'
 import CreditAmount from '../../../components/CreditAmount'
 import GradientButton from '../../../components/GradientButton'
 import AppCheckbox from '../../../components/AppCheckbox'
-import { subBadges, icons } from '../../../assets'
+import { subBadges, icons, planBadges } from '../../../assets'
 import { isWeb } from '../../../hooks/useLayoutType'
 import { navigate } from '../../../navigation/NavigationService'
 import { Routes } from '../../../navigation'
@@ -187,7 +187,7 @@ function SubscriptionCard({ plan, selected, onSelect, isAnnual }) {
     const isPopular = details?.popular
 
     const planBadgeKey = planKey
-    const planBadgeSource = planBadgeKey && subBadges[planBadgeKey] ? subBadges[planBadgeKey] : null
+    const planBadgeSource = planBadgeKey && planBadges[planBadgeKey] ? planBadges[planBadgeKey] : null
 
     const handleSelect = React.useCallback(() => {
         if (typeof onSelect === 'function' && plan?.priceId) {
@@ -868,13 +868,13 @@ const styles = StyleSheet.create({
         position: 'absolute',
         top: 10,
         right: 10,
-        backgroundColor: Palette.red,
+        backgroundColor: Palette.red + '80',
         paddingHorizontal: 10,
         paddingVertical: 4,
         borderRadius: 12,
     },
     annualBadgeText: {
-        color: Palette.white,
+        color: Palette.white + '80',
         fontSize: 11,
         fontFamily: FONT_FAMILY.InterBold,
     },