Badge Screen UI Changes

2 files changed, 11 insertions, 0 deletions

diff --git a/src/routes/main/MainStackNavigator.tsx b/src/routes/main/MainStackNavigator.tsx
index 901dd993..3a8ade4f 100644
--- a/src/routes/main/MainStackNavigator.tsx
+++ b/src/routes/main/MainStackNavigator.tsx
@@ -71,6 +71,9 @@ export type MainStackParams = {
   };
   UpdateSPPicture: {
     goTo: string;
+  },
+  Badge: {
+    screenType: ScreenType;
   };
 };
 
diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index aec860f2..b99e2e3a 100644
--- a/src/routes/main/MainStackScreen.tsx
+++ b/src/routes/main/MainStackScreen.tsx
@@ -7,6 +7,7 @@ import {normalize} from 'react-native-elements';
 import BackIcon from '../../assets/icons/back-arrow.svg';
 import {
   AnimatedTutorial,
+  BadgeSelection,
   CaptionScreen,
   CategorySelection,
   CreateCustomCategory,
@@ -231,6 +232,13 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
           ...headerBarOptions('white', ''),
         }}
       />
+      <MainStack.Screen
+        name="Badge"
+        component={BadgeSelection}
+        options={{
+          ...headerBarOptions('white', 'Badge'),
+        }}
+      />
     </MainStack.Navigator>
   );
 };