From fc7629efd09a8d73c6cda0d95cc2feee3b40a312 Mon Sep 17 00:00:00 2001
From: majean5 <mathilde.jean3@etu.uca.fr>
Date: Fri, 27 Jan 2023 10:02:31 +0100
Subject: [PATCH] component topbar, debut villecompopo

---
 iut-expo-starter/.expo/settings.json         |  3 ++-
 iut-expo-starter/components/TopBar.tsx       | 26 ++++++++++++++++++++
 iut-expo-starter/components/VilleCompopo.tsx | 13 ++++++++++
 3 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 iut-expo-starter/components/TopBar.tsx
 create mode 100644 iut-expo-starter/components/VilleCompopo.tsx

diff --git a/iut-expo-starter/.expo/settings.json b/iut-expo-starter/.expo/settings.json
index a482d3a7..470dc637 100644
--- a/iut-expo-starter/.expo/settings.json
+++ b/iut-expo-starter/.expo/settings.json
@@ -5,5 +5,6 @@
   "minify": false,
   "urlRandomness": null,
   "https": false,
-  "scheme": null
+  "scheme": null,
+  "devClient": false
 }
diff --git a/iut-expo-starter/components/TopBar.tsx b/iut-expo-starter/components/TopBar.tsx
new file mode 100644
index 00000000..cce79904
--- /dev/null
+++ b/iut-expo-starter/components/TopBar.tsx
@@ -0,0 +1,26 @@
+import React from "react"
+import { View, Text, StyleSheet } from "react-native";
+
+export function TopBar(){
+    return (
+        <View style={TopBarStyle.bar}>
+            <Text style={TopBarStyle.title}>La Super Météo</Text>
+        </View>
+    );
+}
+
+const TopBarStyle = StyleSheet.create({
+    title : {
+        fontSize : 30,
+        fontWeigh : 'bold',
+        color : '#B6D0E2'
+    },
+    bar : {
+        width : '100%',
+        backgroundColor : '#E9967A',
+        alignItems : 'center',
+        flexDirection : 'row',
+        justifyContent : 'space-evenly',
+        marginBottom : '150%'
+    }
+});
\ No newline at end of file
diff --git a/iut-expo-starter/components/VilleCompopo.tsx b/iut-expo-starter/components/VilleCompopo.tsx
new file mode 100644
index 00000000..e1a1924f
--- /dev/null
+++ b/iut-expo-starter/components/VilleCompopo.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import { View, StyleSheet, Text } from "react-native";
+
+
+type VilleProps = {
+    name: string,
+    latitude: string,
+    longitude: string
+}
+
+export function VilleCompopo(){
+    
+}
\ No newline at end of file