refactor: update exporeIcon on bottom tab-bar (#149)

Co-authored-by: Sai Ranjit Tummalapalli <[email protected]> Signed-off-by: Poonam Ghewande <[email protected]>
credebl · Dec 11, 2023 · 1ca72e3 · 1ca72e3
1 parent 3d24bd1
commit 1ca72e3
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/app/assets/img/active-explore-icon.svg b/app/assets/img/active-explore-icon.svg
diff --git a/app/navigators/TabStack.tsx b/app/navigators/TabStack.tsx
@@ -91,7 +91,7 @@ const TabStack: React.FC = () => {
  tabBarIconStyle: styles.tabBarIcon,
  tabBarIcon: ({ focused }) => (
  <View style={{ ...TabTheme.tabBarContainerStyle, justifyContent: showLabels ? 'flex-end' : 'center' }}>
- <Assets.svg.ExploreIcon />
+ {focused ? <Assets.svg.ExploreIconActive /> : <Assets.svg.ExploreIcon />}
  {showLabels && (
  <Text
  style={{

diff --git a/app/theme.ts b/app/theme.ts
@@ -3,6 +3,7 @@ import { widthPercentageToDP as wp, heightPercentageToDP as hp } from 'react-nat
 import { SvgProps } from 'react-native-svg'
 
 import Arrow from './assets/icons/large-arrow.svg'
+import ExploreIconActive from './assets/img/active-explore-icon.svg'
 import AppLockout from './assets/img/app-lockout.svg'
 import BackupSuccess from './assets/img/backup-success.svg'
 import Biometrics from './assets/img/biometrics.svg'
@@ -30,6 +31,7 @@ export interface ISVGAssets {
  iconProofRequestDark: React.FC<SvgProps>
  IconInfoSentDark: React.FC<SvgProps>
  ExploreIcon: React.FC<SvgProps>
+ ExploreIconActive: React.FC<SvgProps>
 }
 
 export interface IFontAttributes {
@@ -845,6 +847,7 @@ export const Assets = {
  iconProofRequestDark: IconProofRequestDark,
  IconInfoSentDark: IconInfoSentDark,
  ExploreIcon: ExploreIcon,
+ ExploreIconActive: ExploreIconActive,
  },
  img: {
  logoPrimary: {