From a2f510db35bbe7041823df06873dc904580b4548 Mon Sep 17 00:00:00 2001
From: trochas <thibaut.rochas@etudiant.univ-rennes1.fr>
Date: Thu, 6 Nov 2025 18:58:49 +0100
Subject: [PATCH] border pour themedVeiw

---
 app/(tabs)/bonjourFL.tsx   |  2 +-
 components/themed-view.tsx | 20 +++++++++++++++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/app/(tabs)/bonjourFL.tsx b/app/(tabs)/bonjourFL.tsx
index 72dff76..7ffa69d 100644
--- a/app/(tabs)/bonjourFL.tsx
+++ b/app/(tabs)/bonjourFL.tsx
@@ -44,7 +44,7 @@ export default function BonjourScreen() {
       return null;
     }
     return(
-    <ThemedView lvl={2} style={styles.card}>
+    <ThemedView lvl={2} border={5} style={styles.card}>
       <Image source={{ uri: item.Image }} style={styles.image} />
       <ThemedView lvl={2} style={styles.info}>
         <ThemedText style={styles.group}>{item.group}</ThemedText>
diff --git a/components/themed-view.tsx b/components/themed-view.tsx
index 3f37e05..cea822b 100644
--- a/components/themed-view.tsx
+++ b/components/themed-view.tsx
@@ -6,18 +6,32 @@ export type ThemedViewProps = ViewProps & {
   lightColor?: string;
   darkColor?: string;
   lvl?:number;
+  border?:number;
 };
 
-export function ThemedView({ style, lightColor, darkColor,lvl=1, ...otherProps }: ThemedViewProps) {
+export function ThemedView({ style, lightColor, darkColor,lvl=1,border=-1, ...otherProps }: ThemedViewProps) {
   var lvlStr:string = "background";
+  var borderColor ="";
   if(lvl>=0 && lvl<6){
     lvlStr+=lvl;
   }
   else lvlStr+='5';
 
-
   const backgroundColor = useThemeColor({ light: lightColor, dark: darkColor },lvlStr as 'background0'|'background1'|'background2'|'background3'|'background4'|'background5');
 
 
-  return <View style={[{ backgroundColor }, style]} {...otherProps} />;
+  if(border!=-1){
+    var borderStr = "";
+    if(border>=0 && border<6){
+      borderStr="background"+border;
+      borderColor = useThemeColor({ light: lightColor, dark: darkColor },borderStr as 'background0'|'background1'|'background2'|'background3'|'background4'|'background5');
+    }
+    else{
+      borderColor = backgroundColor
+    }
+  }
+
+
+
+  return <View style={[{ backgroundColor, borderColor }, style]} {...otherProps} />;
 }