feat: debut page stats

app/application/_layout.tsx

@@ -43,11 +43,11 @@ const TabLayout: React.FC = () => {
         }}
       />
       <Tabs.Screen
-        name="habits/history"
+        name="habits/stats"
         options={{
-          title: "History",
+          title: "Statistics",
           tabBarIcon: ({ color }) => {
-            return <TabBarIcon name="history" color={color} />
+            return <TabBarIcon name="line-chart" color={color} />
           },
         }}
       />

app/application/habits/history.tsx

@@ -1,50 +0,0 @@
-import { useMemo, useState } from "react"
-import { View } from "react-native"
-import { Agenda } from "react-native-calendars"
-import { Text } from "react-native-paper"
-import { SafeAreaView } from "react-native-safe-area-context"
-
-import { getISODate, getNowDate } from "@/utils/dates"
-
-const HistoryPage: React.FC = () => {
-  const today = useMemo(() => {
-    return getNowDate()
-  }, [])
-  const todayISO = getISODate(today)
-
-  const [selectedDate, setSelectedDate] = useState<Date>(today)
-  const selectedISODate = getISODate(selectedDate)
-
-  return (
-    <SafeAreaView
-      style={[
-        {
-          flex: 1,
-          backgroundColor: "white",
-        },
-      ]}
-    >
-      <Agenda
-        firstDay={1}
-        showClosingKnob
-        showOnlySelectedDayItems
-        onDayPress={(date) => {
-          setSelectedDate(new Date(date.dateString))
-        }}
-        markedDates={{
-          [todayISO]: { marked: true },
-        }}
-        selected={selectedISODate}
-        renderList={() => {
-          return (
-            <View>
-              <Text>{selectedDate.toISOString()}</Text>
-            </View>
-          )
-        }}
-      />
-    </SafeAreaView>
-  )
-}
-
-export default HistoryPage

app/application/habits/stats.tsx

@@ -0,0 +1,14 @@
+import { Stats } from "@/presentation/react/components/Stats/Stats"
+import { useAuthentication } from "@/presentation/react/contexts/Authentication"
+
+const StatsPage: React.FC = () => {
+  const { user } = useAuthentication()
+
+  if (user == null) {
+    return null
+  }
+
+  return <Stats />
+}
+
+export default StatsPage

presentation/react/components/Stats/Stats.tsx

@@ -0,0 +1,35 @@
+import { SafeAreaView } from "react-native-safe-area-context"
+import { Card, Text } from "react-native-paper"
+
+export const Stats: React.FC = () => {
+  return (
+    <SafeAreaView>
+      <Text> {"Statistique"} </Text>
+
+      <Card mode="outlined">
+        <Card.Title title="Current Streak" />
+        <Card.Content>
+          <Text variant="bodyMedium">nbDays Sucess that follow</Text>
+        </Card.Content>
+      </Card>
+      <Card mode="outlined">
+        <Card.Title title="Sucess" />
+        <Card.Content>
+          <Text variant="bodyMedium">nbDays Sucess</Text>
+        </Card.Content>
+      </Card>
+      <Card mode="outlined">
+        <Card.Title title="Failed" />
+        <Card.Content>
+          <Text variant="bodyMedium">nbDays Fail</Text>
+        </Card.Content>
+      </Card>
+      <Card mode="outlined">
+        <Card.Title title="Card Title" />
+        <Card.Content>
+          <Text variant="bodyMedium">CardContent</Text>
+        </Card.Content>
+      </Card>
+    </SafeAreaView>
+  )
+}