Merge branch 'main' into inaya/toast-notif

App.tsx

@@ -1,22 +1,10 @@
 import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import HomeScreen from './src/screens/HomeScreen';
-import LoginScreen from './src/screens/LoginScreen';
-import StoryScreen from './src/screens/StoryScreen';
-import ToastScreen from './src/screens/ToastScreen';
-import { RootStackParamsList } from './src/types/types';
-
-const Stack = createNativeStackNavigator<RootStackParamsList>();
+import TabNavigator from './src/navigation/TabNavigator';
 
 export default function App() {
   return (
     <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen name="Home" component={HomeScreen} />
-        <Stack.Screen name="Story" component={StoryScreen} />
-        <Stack.Screen name="Login" component={LoginScreen} />
-        <Stack.Screen name="Toast" component={ToastScreen} />
-      </Stack.Navigator>
+      <TabNavigator />
     </NavigationContainer>
   );
 }

assets/icons.tsx

@@ -0,0 +1,26 @@
+import { Ionicons } from '@expo/vector-icons';
+import React from 'react';
+
+export type IconType =
+  | 'home_outline'
+  | 'search_outline'
+  | 'document_outline'
+  | 'notifications_outline';
+
+const IconSvgs: Record<IconType, React.ReactElement> = {
+  home_outline: <Ionicons name="home-outline" size={23} />,
+  search_outline: <Ionicons name="search-outline" size={23} />,
+  document_outline: <Ionicons name="document-outline" size={23} />,
+  notifications_outline: <Ionicons name="notifications-outline" size={23} />,
+};
+type Props = {
+  className?: string;
+  type: IconType;
+};
+
+const Icon: React.FC<Props> = ({ className, type }: Props) =>
+  React.cloneElement(IconSvgs[type], {
+    className,
+  });
+
+export default Icon;