Merge pull request #242 from ankit-thanekar007/tma-634-badge-selection-screen

Badge Screen UI Changes

4 files changed, 14 insertions, 3 deletions

diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index 04f73985..91ed2f70 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,
diff --git a/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackNavigator.tsx b/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackNavigator.tsx
index 85249034..737c503c 100644
--- a/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackNavigator.tsx
+++ b/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackNavigator.tsx
@@ -5,6 +5,7 @@ export type SuggestedPeopleOnboardingStackParams = {
   UploadPicture: {
     goTo: string;
   };
+  BadgeSelection: undefined;
 };
 
 export const SuggestedPeopleOnboardingStack = createStackNavigator<SuggestedPeopleOnboardingStackParams>();
diff --git a/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackScreen.tsx b/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackScreen.tsx
index 61cc694c..d1a6e5e1 100644
--- a/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackScreen.tsx
+++ b/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackScreen.tsx
@@ -3,6 +3,7 @@ import {SuggestedPeopleOnboardingStack} from './SuggestedPeopleOnboardingStackNa
 import {
   SuggestedPeopleWelcomeScreen,
   SuggestedPeopleUploadPictureScreen,
+  BadgeSelection,
 } from '../../screens';
 import {SCREEN_WIDTH} from '../../utils';
 import {headerBarOptions} from '../main';
@@ -30,6 +31,13 @@ const SuggestedPeopleOnboardingStackScreen: React.FC = () => {
           ...headerBarOptions('white', ''),
         }}
       />
+      <SuggestedPeopleOnboardingStack.Screen
+        name="BadgeSelection"
+        component={BadgeSelection}
+        options={{
+          ...headerBarOptions('white', ''),
+        }}
+      />
     </SuggestedPeopleOnboardingStack.Navigator>
   );
 };
diff --git a/src/routes/tabs/NavigationBar.tsx b/src/routes/tabs/NavigationBar.tsx
index 49713d66..5d4f7cf2 100644
--- a/src/routes/tabs/NavigationBar.tsx
+++ b/src/routes/tabs/NavigationBar.tsx
@@ -19,9 +19,10 @@ const NavigationBar: React.FC = () => {
     (state: RootState) => state,
   );
 
-  const [unreadNotificationsPresent, setUnreadNotificationsPresent] = useState<
-    boolean
-  >(false);
+  const [
+    unreadNotificationsPresent,
+    setUnreadNotificationsPresent,
+  ] = useState<boolean>(false);
 
   useEffect(() => {
     const determine = async () => {