From 1c33e2dcee6bf490a1ee422c2204ea19d78a8411 Mon Sep 17 00:00:00 2001
From: Arthi-chaud <arthur.jamet@gmail.com>
Date: Sat, 6 Aug 2022 10:36:55 +0200
Subject: [PATCH] Front: Create Base Home View

---
 front/views/HomeView.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 front/views/HomeView.tsx

diff --git a/front/views/HomeView.tsx b/front/views/HomeView.tsx
new file mode 100644
index 0000000..3244f73
--- /dev/null
+++ b/front/views/HomeView.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+import { Text, View, ColorValue } from 'react-native';
+import { useTheme } from "react-native-paper";
+
+const ExampleBox = (props: { textColor: ColorValue, backgroundColor: ColorValue }) => (
+  <View style={{ backgroundColor: props.backgroundColor }}>
+    <Text style={{ fontSize: 20, textAlign: 'center', color: props.textColor }} >Hello</Text>
+  </View>
+)
+
+const HomeView = () => {
+  const { colors } = useTheme();
+  return (
+    <View style={{ flex: 1, justifyContent: 'center' }}>
+      <ExampleBox backgroundColor={colors.primary} textColor={colors.text} />
+      <ExampleBox backgroundColor={colors.accent} textColor={colors.text} />
+      <ExampleBox backgroundColor={colors.error} textColor={colors.text} />
+      <ExampleBox backgroundColor={colors.surface} textColor={colors.onSurface} />
+      <ExampleBox backgroundColor={colors.surface} textColor={colors.placeholder} />
+      <ExampleBox backgroundColor={colors.notification} textColor={colors.text} />
+    </View>
+  );
+}
+
+
+export default HomeView;