From 33f5ebec62f813d789dfb9b0c264ce85da662456 Mon Sep 17 00:00:00 2001
From: Maxime Rumpler <mrumpler68@gmail.com>
Date: Fri, 15 Mar 2024 14:19:58 +0100
Subject: [PATCH] feat: add the pages we will use for the application

---
 app/(pages)/_layout.tsx  | 27 +++++++++++++++++++++++++++
 app/(pages)/history.tsx  | 28 ++++++++++++++++++++++++++++
 app/(pages)/newHabit.tsx | 28 ++++++++++++++++++++++++++++
 app/(pages)/settings.tsx | 28 ++++++++++++++++++++++++++++
 4 files changed, 111 insertions(+)
 create mode 100644 app/(pages)/history.tsx
 create mode 100644 app/(pages)/newHabit.tsx
 create mode 100644 app/(pages)/settings.tsx

diff --git a/app/(pages)/_layout.tsx b/app/(pages)/_layout.tsx
index 3d97db3..5e05a27 100644
--- a/app/(pages)/_layout.tsx
+++ b/app/(pages)/_layout.tsx
@@ -30,6 +30,33 @@ const TabLayout: React.FC = () => {
           },
         }}
       />
+      <Tabs.Screen
+        name="newHabit"
+        options={{
+          title: "New Habit",
+          tabBarIcon: ({ color }) => {
+            return <TabBarIcon name="plus-square" color={color} />
+          },
+        }}
+      />
+      <Tabs.Screen
+        name="history"
+        options={{
+          title: "History",
+          tabBarIcon: ({ color }) => {
+            return <TabBarIcon name="history" color={color} />
+          },
+        }}
+      />
+      <Tabs.Screen
+        name="settings"
+        options={{
+          title: "Settings",
+          tabBarIcon: ({ color }) => {
+            return <TabBarIcon name="cog" color={color} />
+          },
+        }}
+      />
       <Tabs.Screen
         name="login"
         options={{
diff --git a/app/(pages)/history.tsx b/app/(pages)/history.tsx
new file mode 100644
index 0000000..c7262b3
--- /dev/null
+++ b/app/(pages)/history.tsx
@@ -0,0 +1,28 @@
+import { StyleSheet } from "react-native"
+import { Button } from "react-native-paper"
+import { SafeAreaView } from "react-native-safe-area-context"
+
+const History: React.FC = () => {
+  return (
+    <SafeAreaView style={styles.container}>
+      <Button
+        mode="contained"
+        onPress={() => {
+          return console.log("Pressed")
+        }}
+      >
+        Press me
+      </Button>
+    </SafeAreaView>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+})
+
+export default History
diff --git a/app/(pages)/newHabit.tsx b/app/(pages)/newHabit.tsx
new file mode 100644
index 0000000..f8f137e
--- /dev/null
+++ b/app/(pages)/newHabit.tsx
@@ -0,0 +1,28 @@
+import { StyleSheet } from "react-native"
+import { Button } from "react-native-paper"
+import { SafeAreaView } from "react-native-safe-area-context"
+
+const NewHabitPage: React.FC = () => {
+  return (
+    <SafeAreaView style={styles.container}>
+      <Button
+        mode="contained"
+        onPress={() => {
+          return console.log("Pressed")
+        }}
+      >
+        Press me
+      </Button>
+    </SafeAreaView>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+})
+
+export default NewHabitPage
diff --git a/app/(pages)/settings.tsx b/app/(pages)/settings.tsx
new file mode 100644
index 0000000..553c375
--- /dev/null
+++ b/app/(pages)/settings.tsx
@@ -0,0 +1,28 @@
+import { StyleSheet } from "react-native"
+import { Button } from "react-native-paper"
+import { SafeAreaView } from "react-native-safe-area-context"
+
+const Settings: React.FC = () => {
+  return (
+    <SafeAreaView style={styles.container}>
+      <Button
+        mode="contained"
+        onPress={() => {
+          return console.log("Pressed")
+        }}
+      >
+        Press me
+      </Button>
+    </SafeAreaView>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+})
+
+export default Settings