Added more missing pages

App.tsx

@@ -2,11 +2,14 @@ import 'react-native-gesture-handler';
 import {NavigationContainer} from '@react-navigation/native';
 import {createDrawerNavigator} from '@react-navigation/drawer';
 
+import CustomDrawerContent from './src/Components/Drawer/DrawerScreenSettings/CustomDrawerContent/CustomDrawerContent';
+import DrawerScreenSettings from './src/Components/Drawer/DrawerScreenSettings/DrawerScreenSettings';
+
 import Home from './src/Routes/Home/Home';
 import UserInfo from './src/Routes/UserInfo/UserInfo';
 import AddNote from './src/Routes/AddNote/AddNote';
-import CustomDrawerContent from './src/Components/Drawer/DrawerScreenSettings/CustomDrawerContent/CustomDrawerContent';
+import Login from './src/Routes/Login/Login';
-import DrawerScreenSettings from './src/Components/Drawer/DrawerScreenSettings/DrawerScreenSettings';
+import Register from './src/Routes/Register/Register';
 
 const Drawer = createDrawerNavigator();
 
@@ -20,6 +23,8 @@ export default function App() {
         <Drawer.Screen name="Home" component={Home} />
         <Drawer.Screen name="Add Note" component={AddNote} />
         <Drawer.Screen name="User Info" component={UserInfo} />
+        <Drawer.Screen name="Login" component={Login} />
+        <Drawer.Screen name="Register" component={Register} />
       </Drawer.Navigator>
     </NavigationContainer>
   );

babel.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
   plugins:[
-    'react-native-reanimated/plugin',
+    'react-native-reanimated/plugin'
   ],
 };

src/Components/Drawer/DrawerScreenSettings/CustomDrawerContent/CustomDrawerContent.tsx

@@ -16,11 +16,14 @@ import AppIcon from '../../../Icons/AppIcon/AppIcon';
 
 export default function CustomDrawerContent(props: {}) {
   const navigation = useNavigation<RootDrawerParamList>();
-  let width = 224;
+  const width = 224;
   return (
     <DrawerContentScrollView {...props}>
-      <View>
+      <View
-        <View style={{...styles.flex_row, ...{marginLeft: 16}}}>
+        style={{
+          ...styles.flex_row,
+          ...{justifyContent: 'center'},
+        }}>
         <AppIcon size={32} color="white" />
         <Text style={{...styles.text_white, ...{fontSize: 32}}}>
           Clip Notes
@@ -42,9 +45,7 @@ export default function CustomDrawerContent(props: {}) {
           navigation.navigate('Add Note');
         }}>
         <AddIcon size={32} color="white" />
-          <Text style={{...styles.text_white, ...{fontSize: 32}}}>
+        <Text style={{...styles.text_white, ...{fontSize: 32}}}>Add Note</Text>
-            Add Note
-          </Text>
       </ButtonAlignLeft>
       <ButtonAlignLeft
         color="Green"
@@ -62,9 +63,7 @@ export default function CustomDrawerContent(props: {}) {
           navigation.navigate('User Info');
         }}>
         <UserIcon size={32} color="white" />
-          <Text style={{...styles.text_white, ...{fontSize: 32}}}>
+        <Text style={{...styles.text_white, ...{fontSize: 32}}}>User Info</Text>
-            User Info
-          </Text>
       </ButtonAlignLeft>
       <ButtonAlignLeft
         color="Yellow"
@@ -73,11 +72,8 @@ export default function CustomDrawerContent(props: {}) {
           navigation.navigate('Register');
         }}>
         <SignupIcon size={32} color="white" />
-          <Text style={{...styles.text_white, ...{fontSize: 32}}}>
+        <Text style={{...styles.text_white, ...{fontSize: 32}}}>Register</Text>
-            Register
-          </Text>
       </ButtonAlignLeft>
-      </View>
     </DrawerContentScrollView>
   );
 }

src/Routes/Home/Home.tsx

@@ -5,12 +5,6 @@ import Background from '../../Components/Background/Background';
 import {useNavigation} from '@react-navigation/native';
 import {RootDrawerParamList} from '../../Interfaces/Interfaces';
 import AppIcon from '../../Components/Icons/AppIcon/AppIcon';
-import Button from '../../Components/Buttons/ButtonCentered/ButtonCentered';
-import HomeIcon from '../../Components/Icons/HomeIcon/HomeIcon';
-import AddIcon from '../../Components/Icons/AddIcon/AddIcon';
-import UserIcon from '../../Components/Icons/UserIcon/UserIcon';
-import LoginIcon from '../../Components/Icons/LoginIcon/LoginIcon';
-import SignupIcon from '../../Components/Icons/SignupIcon/SignupIcon';
 
 export interface props {}
 

src/Routes/Login/Login.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import {View, Text} from 'react-native';
+import styles from '../../styles';
+import Background from '../../Components/Background/Background';
+
+export interface props {}
+
+export default function Login(props: props) {
+  return (
+    <Background>
+      <Text style={{...styles.text_white, ...{fontSize: 32}}}>Login</Text>
+    </Background>
+  );
+}

src/Routes/Register/Register.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import {View, Text} from 'react-native';
+import styles from '../../styles';
+import Background from '../../Components/Background/Background';
+
+export interface props {}
+
+export default function Register(props: props) {
+  return (
+    <Background>
+      <Text style={{...styles.text_white, ...{fontSize: 32}}}>Register</Text>
+    </Background>
+  );
+}

tsconfig.json

@@ -1,3 +1,3 @@
 {
-  "extends": "@tsconfig/react-native/tsconfig.json"
+  "extends": "@tsconfig/react-native/tsconfig.json",
 }