From fa8d92668630af3f088c733248bb1f40ec62de69 Mon Sep 17 00:00:00 2001
From: Rayhan Hassou <Rayhan.HASSOU@etu.uca.fr>
Date: Thu, 9 Nov 2023 11:45:53 +0100
Subject: [PATCH 1/3] add component for display selected recipes with images

---
 LeftOvers/App.js                              |   7 +-
 LeftOvers/assets/images/Background.png        | Bin 0 -> 5352 bytes
 LeftOvers/assets/images/Union_left.png        | Bin 0 -> 409 bytes
 LeftOvers/assets/images/Union_right.png       | Bin 0 -> 397 bytes
 LeftOvers/assets/images/brochette.png         | Bin 0 -> 7698 bytes
 LeftOvers/assets/images/meat.png              | Bin 0 -> 2138 bytes
 LeftOvers/components/RecipeElementImage.tsx   |  89 ++++++++++++++++++
 .../components/image_ingredient_component.tsx |   0
 8 files changed, 91 insertions(+), 5 deletions(-)
 create mode 100644 LeftOvers/assets/images/Background.png
 create mode 100644 LeftOvers/assets/images/Union_left.png
 create mode 100644 LeftOvers/assets/images/Union_right.png
 create mode 100644 LeftOvers/assets/images/brochette.png
 create mode 100644 LeftOvers/assets/images/meat.png
 create mode 100644 LeftOvers/components/RecipeElementImage.tsx
 delete mode 100644 LeftOvers/components/image_ingredient_component.tsx

diff --git a/LeftOvers/App.js b/LeftOvers/App.js
index 2cb99a4..20e452d 100644
--- a/LeftOvers/App.js
+++ b/LeftOvers/App.js
@@ -1,15 +1,12 @@
-import { StatusBar } from 'expo-status-bar';
 import React from 'react';
 import { StyleSheet, Text, View, Alert } from 'react-native';
-import CustomButton from './components/CustomButton';
-import FoodElementText from './components/FoodElementText';
+import RecipeElementImage from './components/RecipeElementImage';
 
 export default function App() {
 
   return (
     <View style={styles.container}>
-      <FoodElementText title="Apple" image="plus" />
-      <FoodElementText title="Pineaple" image="moins" />
+      <RecipeElementImage title="Rice whith curry chicken" number="7" description="A delicious rice with a sweet chicken with curry sauce."></RecipeElementImage>
     </View>
   );
 }
diff --git a/LeftOvers/assets/images/Background.png b/LeftOvers/assets/images/Background.png
new file mode 100644
index 0000000000000000000000000000000000000000..f18df96804ac8c3d660f2b22ad14aad20bf78bd5
GIT binary patch
literal 5352
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
GLSTZ`WLU2N

literal 0
HcmV?d00001

diff --git a/LeftOvers/assets/images/Union_left.png b/LeftOvers/assets/images/Union_left.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2cce5e7ab99722e5bdb63dac0bb6fa7bb8b43f1
GIT binary patch
literal 409
zcmV;K0cQS*P)<h;3K|Lk000e1NJLTq003D4000OG1^@s6lG#)J00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0WL{IK~#7F?Up@G
z!!Q_zzt;jpDML5`9w|%A2^x;j8^FNNXikFJ5M6SFaDs4zPK7Z?s00L5gg<PzYN(K?
zBG~FjiWI-HJv{#WL-bE*EfaltASv<#wCU_c()+Fw*7g~^=RRX@pDHgGR+PRE3w!J{
ziY)k5a*$egGJrC&B6X1>aMFy%1LN~_E?Cafil_CF$*T!P0zq<+`MM+BuYzC&#y)$Y
zjkvaq-1vKnxUKzBZ0Pe|jv9TZTh2ld)1Oh8Ez;V<*ldoAP|Yvf%FBj;a-vgM_;#{l
zn#yemxg7Bg6Gjvv>ej`|i%*{&x{9<4K<31yOBL#5UJoDj)kUv#OO}O*s4#cq0Yw(H
zdR=%z#Xom45=hK&oQLd0CD@vl%sip)+rXH3>3!!5qX}ivKd7Ii00000NkvXXu0mjf
DufMCp

literal 0
HcmV?d00001

diff --git a/LeftOvers/assets/images/Union_right.png b/LeftOvers/assets/images/Union_right.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d7177ded0526f84a25489d8df92cdb532c0580b
GIT binary patch
literal 397
zcmV;80doF{P)<h;3K|Lk000e1NJLTq003D4000OG1^@s6lG#)J00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0U}96K~#7F?Up-E
z12GVW|M7;0A_|VMB}qe$04D%W0EmYu%?aQJY>9v(N7x&%IYD-tK!>@(R)EmrVQd20
z<sl$SI)8<2{j#R`JhBZ0zMyrytdCY=ObJ4ufs;#CUAr|ayPlli8lN#~pAn~6e9Du=
zlz*)mB-d~qOb_j$EaP!xoanLi_|x_r!~;2rAu|`r<tYEDF6o1APgHLr;5u$YrXD7N
zse}^oumx;%$5B<hcRcCC?x_?%L0}dbu|H@***?E0g8+zlO~&nd#&Rvt@7-<uKH__}
zlq0g4yURc7BGBM?zte|$6D{J><YKf{&wS3DkwU>0GR$#a7y2D71R8L)plSYj)hlj4
r?z-&k>Sjmpby9igN-X{FXW@7S#zl0(hsCeJ00000NkvXXu0mjfq35M8

literal 0
HcmV?d00001

diff --git a/LeftOvers/assets/images/brochette.png b/LeftOvers/assets/images/brochette.png
new file mode 100644
index 0000000000000000000000000000000000000000..6cac01aa155b36c6f699c1147ddef5e329e7ef89
GIT binary patch
literal 7698
zcmV+t9_`_YP)<h;3K|Lk000e1NJLTq003nG003kN1^@s6pCJBf00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH9j8e|K~#7F?R^Q5
z9Orr6>uc^~clN$d01IGoUj)Dd07($E1RkPkCZUwjvaHe(OLiqn;#6#xt%{R!B^6gC
z6}w^`u^loc$&y7;;Q^8$go_|Z01IGG>|pPEckX+pyC?7OwOqbb7Kz0ISk5B`$Lws+
z^8fn#zW3hucMniP2_=+JLJ1|5P(leMlu$wmC9EANDB+IbZe4usul_9JV+i?YJbxz_
zL&EaUWuk-<N+_X(5=tmxt>NdU#D})GZvXP<pZV=02e(yC%#Fsw;amhI+!p-YK^dEi
z&TVXO*xb?H@IQ_pd;F`P`{&O;zI|((o;Tycv9ZNGN?0*`DDn7S&y91{j>SkOI`eoU
z8g4vt<iJx;9)I*J8#^2QufBQVZIrMg_|S^}@=)Zx&IbRIO_6`0=hAuP(sA4ICw}q%
zmd5&><5!1XSxl!(S#yh!@DcIFr@B60Q|tL-$fnfT(2B!HkK=OR+^Ii#>77rWIB_EN
zVUE?<*y!B9f4?)ASgJ}V(p8#GR$5zI3e9cxnOHay`_F&)?Gb#8@R5Te@axZQ{am0-
z`Cob=E46oS!u`iSjSJVNF2DGl?;d;YwKI$V(D!`yGyi1wLkIVNt+lakw_THDhbrsY
zOwOChW_^lkbJ|o5l4S5<(r3{TOJ?+*-kab2x4-vazJQMjZYd}N|M6FMzF@%o77ry=
zRoCIsC!WFZbmsc=pZb^ghk^Ltc&YsR|LzOF_29nUzZISsRl<`u`Q|31f)2wdpis!e
z5O$YoLZ<Uo*HA@UQpG@U6x$zs64%BPU;f%}fBk>rV}M(BiBDdh?K!l&X~NL;<3&9q
z%}xffYv<mY0}mfL5=-N|!C)|VaL11NfAiHZ{^h!+nqLlHJ}<{chhZkdFw;qxnKaBo
z4w9)eAbc<|G9Mm~4JxB^bMOWRh9=Ox>%c>qO#a0iBO@`aajb}Sf9ldq&yj6)H+8f4
zWFnoE=caFB-~Mfl8@sv=_g(A%$=814E3bBVmA%8~Pr#l@K}qLOBp)cG3ea;pRQ?z&
zT_`FNin78CD#GoyLy;v+jZY(;%wZ`Mw{>-IDZX{)+zG64tk^u|)YZA``?>-nk}N-|
z=M(ZQ%hS#s`x+lUcKp{I`DAtQ+$pG;1d6c)^mK+vVG5354GCn4zo`s`Dx)Zg=OlQ%
z4j86^vGECb{N=dvK@axsKe%tt{`;hpr_Y_n8petaxz6=2UOUiT(`OjkQ|U}znVz_T
z%^TY!Ro5|c@gi)3EoXF=Cz;tGTMbQNc9{G+itI0%Y)w+^b`@@q1IbjH&ueIDZO7%F
zYq<RW`%+a!<)P1f=3hMKbf{<hhk_xjL9F=X@$9wvfnA*yGaipyWDF+8hOoYSJ6hY<
zA=q=3*&&icTArebq%f^iL7`|saoYG3NziNxJU$m<QD&AYUaO*aki>wcZHoPf%&hV7
zqmTbHwP>8^A0C;*8pDbQ<=JPCG<@!}U-}a%ny5%emXOM)Fg`kfj_x*;msMkCcpS3A
zGF4n2EEbDJ7%X41LxcKPLGk<C>@hM127_pC@4)!vEFTLf7%X|k0;Eh7no)Efef$%9
z=i;evjg5`1sVU`(2IbkuAE^53m%em9Iv(tt>b(ku^tMRNp_^GuO^hKlpF;oDVN?Ws
zA{xtloWH3KHhGpV*`~to)KC`iA{2@tn=PQZr3vqSa0Rh=R<Ld~HB_+un3x_PM;SS|
z!|P98_~7z+tRcu)K|Fo*@QdSTUTYgZ{U$UrCN*NfzEFe~Q7{)w;mvoiV?mOU$r~(4
zJh@4EWtR%rBq-D*ic&<GpIK6rF)}iashLH*{L0%1M^jMwvh^)haN6066ovgJi8tOl
zi6aj`dH`z-D;AV*|F^F{rKF>eM#h71Fbm|Y0j*GkQ|H;A*RV8~Kt2Pc`IZZ$#G2+{
z8IvFh#wA<vL3z2y%A6a+qevuDsBdUMI-5f-pTmyL9oWW)PO%vZM+HHn;4Hw<O*_^Y
zR;+v-?+W};Vt%aE&a)k9GOVm=MO?IL$uLms^}+3QU@@6OmSV9wPzIZ(z)tF`dKHw{
zd6_XPu3YWMO=d}f4L%-=TYqXco5jdx7edyfKss&kZOUsJuyf!3ww>MGy8=G{>E5BC
z1l9mnBq)bkQMPqm=N}aHf?Z;k6!Q#7&Rp&pd<UmkRHlNBQ8L-!)7d<#{65&3B|3YK
zr`!$AZbwf~Kc=S1a#`YJGA)q~4wf|$+$=L@VJU*VV9$J>?ik8w>zp}#R<88<x*q$)
zC;q9Pi+-p7#^^mCm=!5so7Zpp6q~be%Z{xuXegSp=opH{tW++lP7#>O&`M#jIy@e9
z(brnYC9zn{z+Ybhor`?(%)6MG4MUTeIkF8xPYMlFC}b>yGMUXHpJ&$T64W9c0KU%d
zbTWV$ynpHqgoA_iPac2f_pk=AB0*_rsQWbSU6}cTB@6|{H53D~#-2ePQV^yi!(<4N
z!VVCqbfTfgNl{phG{5$fvlo#}WLfBhW?`0*WhshkeV-(W#;zj6>@qEKAQX-Sr^|!c
z*%?%nm!Xpk?Z@B#Cd~Q8&;F->{~zx8z}#~A+TRH0?#`C~UdW`h0!vmrmV}+`sF<gE
zXW`eWEkr;hQeDmOf`g?>;=5MYRnSI}@b<}f*{oUGSmGpU+4oXd>I?=`=AR~?Ta1t-
z<d^LinL?9%0XBab79t@y>5=W~YD02%8bjCnuxIzqhq^k~EuOh_`F-4@xaFWcvbFR6
z`U>yocJJK@e?^&P!Kc$HOO=~kK%FH>aXaB4)djU7m_3!%0i?1zUVZC4>9I*sNMgW@
z$dj#^Bn7HqWz3cWgSrq3lNhj(h=3KBb&pBrHXDkfsil#n&cyZ&?MN(y5uRH>|K$&`
zW$&KH+=0ORot4$|j~zSoT$L{{b7O2Qje7(tZV_#5?Oy1dg>XR?yM*?RCRCNVS;|b>
z?m_xm1t=_SI$4<rlrP{ymh+Q0-Z_m(vcU0)&?hpYi6n#p<8!ERxm<`)o5WJg2}u>2
zahWtQ$fl$r6wN~OdKmN~>d4|8qIB8>X<%tH@;LL#U#ic2{?}g0<x}I$t<~E{yXK}l
zo9e&vhkyRk4{#6QmNUgj&qvy7YksAw!sB$i>{bbK`Mp%z6_)j$h$pDj6?m!Q%PPE>
zBZK<!YiE(5F{zuf#iH`0xTerHJYEgIFO|t+k!8?exzbtUm^>s6hSgt^CN)ngkB)Us
zJfn0xa$pzyeBaUFI1-Tzav7mrbe1)*v!dKxd-2pOSXv7Ew(i>V+|KRYvnS79xP-eL
zw;Ys-a6Y|vQ<L56)DD-G`K_6VBr=12Bp#146LbWsD`2CQ^6sSpym{s-mNF6+)4KKc
zcHw=Q%bKRSz6yC#-=zox!e{8RAXgA$FS0HkH?O*|kka8Pb0H9Lqr0^c5AEMcHYOu@
z^(LaB1hbF<WOl|_Lh}wg!V9x#p>1=43~lSqUB`FsIWYasnX{L17h^?qij)i`n(FIb
zV0TwtUbm&RGt7`&Hf`yT(eXK)d9Mf8Z%iO#XvmO6W!W#h6q9zLL)a?<WnQF`SuC-P
z<%+^JRxM_hVQExZ`l>7Zh;j~-V~J{QsYe+N%)@)PvE11(IWmRom#<^p`VK5EEi${r
z7(hb>d(H?ww>oC2*JZ<xPMpO4LytVsSX<lke$Uk*+@)BNpp3@~bN8*QR^7JZq3Gf~
z;$b%DWE%OLfvdei^bU<8%^nkH-$}7#<;ci{K+Ney3dsT&%t^yBjyRitfki1vZ!FE4
zmE##-!Le|FiyGyz^6W1yZLRdi3>@6v1ut3N(o6yu&%6hp$B7-gx8mm5q*WSCW{<)0
z8Ox?n?or`)C<x6hqQ7?l4<9>rNP+sDfnYF>yAUg8v$*tph{gPinPigwRDow~6g|B+
z5uyIjxj+jX*k_9ts}=p4*<@IDNlsr@_=0(*_=vM7WX)wapu(x5qplnY25vE)Msr(}
zB}AJ7er##4M|2^Aci*{S**N<T?&1FpskPmKv9T$z!(n26mKKf+J~F;4GQem&g?J=_
zSR&=Q|B;7xyC!E|>R((maF=1lg0g)n70OjQHn5;~x3#p;zZ$jZZaA6YS)R3&J-Gn<
zTxdx!GDSm{0nu5;#DJ?%G?y>kV#H)x!h(f$wbde&%3&^=K|?beJN>V6mc08qHz0gt
z3WHbrSt4^*#!byG!s}+Q@p%y(9D&2*!pQ7AD(foYR*R^mt)tOxn44c<?^!~iyrQLH
z*LLOY)8|j(F2jlirJqUQmE&($S5$h-d}X_hydh=MX?l#y!6;`iJZ#oZcJu)0tYBSB
zg7S(W2-PlZV!?fB(Fi?K#l?;D>vNpxS5(uo=OVjEAiA0wuo%3FIS$K;%%~`tz#Qpw
zg73Aou!P7`2pc=vNEYG<7qakFc;K@Yv5oyk%=|;llpHf}Y&3|@joteKm36Q54GzxZ
zF2afqxh6Q5x;Pqs)uX59IEUJ1(<HylzepT%6{$_A`#7M|*i(v_WjRY{b*r}s80<5q
zDL7XVeg-i|M<B(;tFEnuUuY3#&L##Y%Kj9a4_P!j&D5F+Cm=@urXl)MhI)zF$uaWq
zLKGPWQH+(VyiROrZLox?&@`b)6a_k)iC9+Iy?eLo#Obp?#9f5ja&>UueDabl7Wv<*
zLmMgcx{eE{H!A{w<>o%N7-yES*YNENx?$~T5t>Hhu*(vHEJ-$gPg7e10#$xERFgfV
z3C2<w@u`q7ZBQT!n~%nkVlYgS2bHd}swyNGWNc(^A<k^d=rFh(6549Z>9tkDPKul-
zBdnqpT3|*ku<vzj+_bH|v;Lh+R|m#%mtZA>B21LOZkiK0WUtSsFEzO2X^O;04cf<X
zmYQ*nd1D#F+Bl)uHH$U*J#N^@q_SK{amJU^hN-Qu;UJ8qj;!hEwk;?y7~|{}LY$Hh
zV3E{0Ndr{uyAV5L1hr<%L4cmvya>2MwgMV(X;{}-N#oLwnp)~0Qf!-MV*ts_q7i0e
z3i}>7vg?)CPyR9P60B5Ee(E;=y$uZgi<!$_dr?*u^{`-B;vHLf=2mdH<)9K@pof)a
z@5pkxSk1G!V||k~40CbTvZbvO2R64OG%|<2OGBi>ibV)!V=PU&VFkmWZ|1UT%qB7{
zE_{rEo#UvuisJ!IE?{FzHGCW)uUps2N@-eq%w{Jiv32Vf>kR7e8$elkb<NXHKAU;{
z<jHfm3$Ri_5hwo7+)*+S&7Zc(g}<1O=En<?+(cGZxj-8wO=jhx2n<yEQP)@tFHK96
zi@d%jfFs*CU|n-9=0+B9{n8ESWNc!?UW^t@l9W5opyXK!B~z3<1=W5JQe<-jixJpK
z3d$;csORxoC_4T8nx@H!MZ)O6-p|0;;U$p>(4#Z-H2Q~v*t7q>2PkI0+cR(@j5~}~
zyW_-s(pU`V&2zu}^udPOhRO%>G!um_<1hEZMJnrLDQo0H9^SSdJ38x8V2Qi_{t(7l
z>P;?wku#MfdrdTzrYKZN7M3TFHnO%#Hu5By*Z`Y*f%UAGV*ySA&{9{129~hyEnU_|
zi_x)J%u+yZ?CL^1k>PvVP+LRtK=)y6Vn#ji=+VtD|GyJ|hC7T^zYR#4lpH*I|F+Lp
zxiy=IZg5Sx4?8>Ru)Dnu>#8bYgp=s~U;uqrZXmi8qo@>0p2j45NhrqoK1)`N_Dhn_
zTf1M_GYn2D`{yFa@^x;%4K);;9@5|qoN89mCzJWQn`0BW@ZNP&<uv++#t@`6GrO>e
zRtnO(x_aE`?d9J)+OmrD+Rd92)3}3J^`P9C&m<n)+W3WC8{7PccWs47V}p-paOFZD
z`mYURVsw^M$eh^4YVD*nxX_7Qo{c?43QQxDeJRN-A=5^^%S}dQ!yp5qlPEacDw^AC
ztYCH4l%u1*+$v*Z<5M_${xZd?gm5f_OeW7q4oT{p;Tt1JXEI2}Bk)(%;?S`tK7H`u
z{)72s`0VK9+#T8Be@AYZqvR94HC0vnJvK+hm3Mn^?P4FPER{W{i+Sn{vGvGgFgR{O
zl(uhzEGy3EqbzB8Q?|4XUxG54pL4WdQVftP$`!Lsrh2a=fp}<VH@sdurWZmubN&kb
zFtB8i-B|=d%=i^5e1#SeN6w_&9i-eUt(li!{*mTWrFBORKJ>I^WWU!xI<@K>G44oE
zhUZcvb~E{d*nF&ZdU$%hZb)i|{X!DP7+F`A88M&CW0Dqrj3O_>`ACcp!`gPd92A35
zNszIns7n+MxVG)?g3G7D%w=$7&o)%k^Xg}rI(6m)&i75Es5CS5)dV9EL1$v2Jm7?#
zPJ<z4H4Kv5Uyb3BNeo@Og7MzLvLlZ@{!pjK|ECv&!BzFg?%1uR`lsTFQ-jk#X!U4S
zE>+v-u<j-$V~+Y`p0sv>HhzqZD_t}#OGXjnU^aE(#0ceY(g6@70-xWGw)G91u{dez
zkVdyRVk^)3{_BIde5sHA8<l=Wytaru6}?2$QXx?&iYcWC5r5@G_Ap9QBmwjDoB`3V
zvokwKC#LHCt<Bo|z5Q=t6>-P!_th84yisqH`<Nz=%Cbc1VnaFESh<@seXf`o9T$b-
z7h5VsM65k8MQf9I6A40PosY8<!0EKZK_6%P#!g)C>E&Y>>6}dG*}7<tl$t@&b!(@L
zu=OEE2+YEKUSx>|jqf>6`z6W#Mp*?)8^k%k(TmdkTi18J*grP5YE=1_uX$V{NDo&#
z@8hcfCY@t%&M;Wk<*=cukBDKIuxLcn*A>&6K)N}wYNaT&dXFeWG&nt6#cH1$^JCLI
z<HHDtQr0M0)Tturw;@K(42ql7Tl`z}6>+hvZ~`>92MIAoV9yeaui9yYM;751+ocpF
z73t-R^YN#!O1N8s^0&~)6Mu@s$uhuCedj3m24430oqIX=Wk6V_=%?_!x3(bJ`0tv4
zuv47qqcDs`vY4C+|Fy-SGNXiW6d6LB7*4UnpBd$}D=4R^oF&c9G1Y9E7jvAD`slrh
zhaxrxh~C9xERurfG*9D=P-s=C@-6RXxgB6Y#MUlE`HQR-2lv%nwX5o0v3WvgEfZV&
zRL(}ke1BtS3qnf^=x4baol7Dd&scqj@uQzcqmr3qC+&97?-H4!@QV&+f{jkXENA+8
z2B5aO8aI1KP(i!K#q5*CB^)Fj%R6X9591)NkaS^{a90N9@1n+~o!!yh@vHNZ7zQTi
zp~tgGkPyVUSaXx-tR^1fAS_xC<77!}EwlD5duV2g{mLRsWMjFX*qw^Ckz6o4nHksC
z+KiFD31)_3?fjSJWda~^^ejk#*kz*&vXNJESS8#OK^YjF`e9K~&h!ohADEA2kz*rX
zzKFGG?Y=Z=trS_BJe;}Mx%gsk<71Y%wdGq;7R82fMFhmb*}sWJmbi+#Mzqq7nH!!!
zkxWl!5cJ}5uMxskmvn0jZ9%duop)xl*;TuY@16+CYr$}QU^e_qbyc4CG*xa+XT|8)
z&a+r(7nAO>3NL3R<qo0rxrkK#Vpt{%-NR)Ta~2y*R*bqPL0!|ep`C-X3MA>3EzXAN
zmr)y$7JE3;Nt+_q_@6AcN@*-x95blOytT`3m9U~$a@|ghr8pT5Cm(ikyj<=OqZ`V7
z>qZF62DPy8i^XMYMkJB7_e?M-vabx!{;7D5B2>oKJ-e`l^ZrdvKT@MJ3@BX$F%hMB
zw6o@kft-URfF#Xgc8NlsqXg&ov5L57f+7%)W12tlACx&Yl-ooPC|JAji!3u~Qre}o
zPWv8QWXak*E=Fl7;g@klP+nh$ojW$7qt=6#>M~}?EJbC(+PJ~C0~a3-;oWGGbv!}6
zQ}o<ar*p>ZS620g3im|$`Y8k}`{dT{NMvaV1(u#7#i6kB#r9VrFEfVNrj%RWt<MEl
zvdkOJpmo0i6+RmdZfHh1Gh%pn8ds_K#YjL?G;0T@qAq7#Q5O`NV`UyAW*QmE?);ti
zf=jEqKkS|gia<OTe!Z@~`pYa*jZvDBVq$61jZ|2s#Pu-3$P^PvvS;fC36)h|I?)F1
z-`t7-?Umty8Jzw}57oSBl{vw-T(X$UEV~8lS+Luk2$S8}T&~v#W|zK!RmNQ@9{(}?
z%At<V_Qu*%i;;N4WGsOk91M!h+5|3~GST22HYYVn9#SrXNA~T6N3!AFcduc9^p~zZ
zoBOh-Cb)p0%?=S%mMjnFGci)^sdOgd2sqn&#-dTIGVaL_8n`kR2{*dcvz^U#ztB=$
z;nP|BGh|go>rP0*ZPuaZlIX1U<H+t!u#=I!_4<35m<TZtVh0VihcLvH<*Sl4W{D7)
zF6tJOf0^Wzvg^K1XH}akx@mLhLVy42-e&%u{q%>cQ_*QHy7*GS=iAay<?U>)bfbcc
z+QLcZj`kL`1$@}Ht{t(3I8MF&J`%|scJ0`O@rfC$iECt9LKuo`W9<C5Luf@>HB*TM
zDm$v+Z+63}<d1aLbneckrr(}kz=yiq->u-DEMI>Yhu6D*zp1+NH`g~bSewN+t#4)N
zD&pe#s|XH_qM^AB*ZYEGZ&^!hYSy*;^756&WLj>!1TXu@BJKK|#|Cem2kuG@%>fNZ
z4=~f*o%1~diKqV6@BYyRtOC}==cJ5<3MZ54jB9XW@!)hMjsz|D)2Epo9Q{7>-~(1>
zjM6<8rAuOC_q*+u8^Ey)1ox_>F&U%InaSrTDw^uDBy*lTkFjfG6DrCWJR|4XwR`LH
z+t$@x`tjR6LEL7nnGdgtq>VSJ`Cf}A($D5Ix??F6rv6YN?lK~Fw=9LD43@A{O!(N$
z#cW1gsv&wwfxpdVayJu(bjTg>{27zz*~&79$E^r!zX-3}i)bXKZQgd^xz_g1;kVwo
z(2LuMHT8)?@tisBx7&9l(z$M%ugu!$mq{j2S5=9C-;YF?fnr(Hs8xg|FZ=-2<-kHF
zKM*V8NHCn88lR4Yx3qiuI$A296Gm7(nx*4xz~?rQ%|w-h_w9J*vBUS}U;6&Zv$#!I
zYajC@$8!4j+%{!6m(%xqeQs}pjXRe~BjE8MlZw%fS-y5sY?_d4Hq0bbX3~(34o1?$
zKRw9MSUk9~*&Xz|T~CM$`;yc{!g;pSTbrAnl(uZ!`|!3coBS`ocKQw62CTK9SkyJ1
z)33WF^}7W<%LZX?iE~l&q`BhyOM|Lk+!irJPir!jA4)0e@%~Wq?_HdFc`)3&vAOJ;
z)2ThJ$g-N?++N&#)a#WnH#3Yw2Y2t^vtvu+U;OyYD_CKy*$+fZ=z83pGhTIiHJwx5
zEzxAo<+j_c%@;Fl;`4bum@VM3fl#XNXC33x;NnnsNBK3cOZ!x@SWrc9C9(h?Et~0?
zG3?v_(9XjTJk(e#d)}g$(Xm2U)1OjD!%AOD8>gH$_cx)K(P%o~9W@LsV;JAip}jB|
z&P@Gd$M~Rsaj33L`Jke*{23~KEtE);wG~kAl`%g#j165KI~%*Z4<&QjJN^CrE293_
zgiiT+(OwR}k%MbI4Kc9#P%8Zwk2F5s)mis_I+jjx|Kyq)7uuUE=^ofozxfzuQoiwT
zzx3ka@BR5Jqqs$UtUk|?1IJvffFwQw`bXoz`f~YPeTDZ~n^LqTlX;GzbMX6BL>6zL
zvBqC^^ynv_jwV8{UAuN`cY!T^$mWMY??`;CzTAG^?{htCN<~{HX<8f51LaO6BVwbA
z<bU|+r=CeCVn6D+{?RX~C<Wz1;@U`bY}bZ{(>6tZmO}!2I$f}C%246=BA1$i&+qU)
zc<9mNvy(S|I57OtHi+L-lgGOS|MmY~I$Jc%$LR_r#UA7Y$DPABr>%==$A?a%5Wm^_
z!l$4AKlq3!1?3~+>wnsFjxO_2iv5JiX;~~)z~JDdW#3%=;B@qj?|<uG<0Il@#lCI_
ze&>aq_nDe<LQ#rdanlA>m1B9`IQF~Wxb~49<x)^q0AG0K!5t2}`j$u2)tT|(Pkigt
z>}~VKO85}?jprZP^6S5J|3Q>cLJ1|5P(leMlu$wmC6rJ?2_IAZe@DTO3)m^;kpKVy
M07*qoM6N<$f-oCJ%m4rY

literal 0
HcmV?d00001

diff --git a/LeftOvers/assets/images/meat.png b/LeftOvers/assets/images/meat.png
new file mode 100644
index 0000000000000000000000000000000000000000..f346ca9c365de99a8fd7dfa291229fc5ad22f321
GIT binary patch
literal 2138
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
Q?f?J)07*qoM6N<$f<?>l!~g&Q

literal 0
HcmV?d00001

diff --git a/LeftOvers/components/RecipeElementImage.tsx b/LeftOvers/components/RecipeElementImage.tsx
new file mode 100644
index 0000000..68bbf4d
--- /dev/null
+++ b/LeftOvers/components/RecipeElementImage.tsx
@@ -0,0 +1,89 @@
+import React from 'react';
+import {StyleSheet,Pressable, Text, View, Image} from 'react-native';
+import brochette from '../assets/images/brochette.png'; 
+import Union_left from '../assets/images/Union_left.png';
+import Union_right from '../assets/images/Union_right.png';
+import meat from '../assets/images/meat.png'; 
+import background from '../assets/images/Background.png'; 
+
+
+
+
+export default function RecipeElementImage(props) {
+  return (
+    <Pressable style={styles.button}>
+      <View style={styles.view}>
+        <Text style={styles.text}>{props.number}</Text>
+        <Text style={styles.title}>{props.title}</Text>
+        <Image source={brochette} style={{width: 100, height: 100}}/>
+        <View style={{alignItems: 'center', justifyContent: 'center'}}>
+        <Text style={styles.smallText}>{props.description}</Text>
+        </View>
+        <View style={styles.horizontalAlignement}>
+            <Image source={Union_left} style={{ width: 70, height: 4, marginRight: 6}}></Image>
+            <Text style={styles.smallText}>Ingredients</Text>
+            <Image source={Union_right} style={{ width: 70, height: 4, marginLeft: 6}}></Image>
+        </View>
+        <View style={styles.horizontalAlignement}>
+            <Image source={meat} style={{width: 40, height: 40}}/>
+            <Image source={meat} style={{width: 40, height: 40}}/>
+            <Image source={meat} style={{width: 40, height: 40}}/>
+            <Image source={meat} style={{width: 40, height: 40}}/>
+            <Image source={meat} style={{width: 40, height: 40}}/>   
+        </View>
+        <Image source={background} style={{width: 210, height: 20, marginTop: 20}}></Image>
+      </View>
+    </Pressable>
+  ); 
+}
+
+const styles = StyleSheet.create({
+  button: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    width : 250,
+    height: 370,
+    borderRadius: 40,
+    elevation: 3,
+    backgroundColor: '#ACA279',
+  },
+  text: {
+    fontSize: 14,
+    lineHeight: 21,
+    fontWeight: 'bold',
+    letterSpacing: 0.25,
+    color: '#756C28',
+  },
+  smallText: {
+    fontSize: 12,
+    lineHeight: 21,
+    fontWeight: 'bold',
+    letterSpacing: 0.25,
+    color: '#71662A',
+    textAlign: "center",
+  },
+  title:{
+    fontSize: 18,
+    lineHeight: 21,
+    fontWeight: 'bold',
+    letterSpacing: 0.25,
+    color: '#524B1A',
+  },
+  view: {
+    width : 240,
+    height: 360,
+    borderRadius: 40,
+    elevation: 3,
+    borderWidth: 2,
+    borderColor: 'grey',
+    alignItems: 'center', // Centre le contenu verticalement
+    display: "flex",
+    flexWrap: "wrap",
+  },
+  horizontalAlignement: {
+    display: "flex",
+    flexDirection : 'row',
+    alignItems: 'center', 
+    marginTop: 10,
+  }
+});
\ No newline at end of file
diff --git a/LeftOvers/components/image_ingredient_component.tsx b/LeftOvers/components/image_ingredient_component.tsx
deleted file mode 100644
index e69de29..0000000
-- 
2.36.3


From 5ee03b380b2a1ee9695caa670502920fce417764 Mon Sep 17 00:00:00 2001
From: Rayhan Hassou <Rayhan.HASSOU@etu.uca.fr>
Date: Thu, 9 Nov 2023 14:49:12 +0100
Subject: [PATCH 2/3] improve the design and the composant

---
 LeftOvers/App.js                            | 14 ++++++--
 LeftOvers/components/FoodElementText.tsx    | 12 +++++--
 LeftOvers/components/RecipeElementImage.tsx | 37 ++++++++++++---------
 3 files changed, 43 insertions(+), 20 deletions(-)

diff --git a/LeftOvers/App.js b/LeftOvers/App.js
index 20e452d..1d4b070 100644
--- a/LeftOvers/App.js
+++ b/LeftOvers/App.js
@@ -1,12 +1,22 @@
 import React from 'react';
-import { StyleSheet, Text, View, Alert } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import RecipeElementImage from './components/RecipeElementImage';
 
+const generateImageList = () => {
+  const imageList = [];
+  const meat =  '../assets/images/meat.png'; 
+  for (let i = 0; i < 5; i++) {
+     imageList.push(meat);
+  }
+  return imageList;
+};
+
 export default function App() {
+  const imageList = [];
 
   return (
     <View style={styles.container}>
-      <RecipeElementImage title="Rice whith curry chicken" number="7" description="A delicious rice with a sweet chicken with curry sauce."></RecipeElementImage>
+      <RecipeElementImage title="Rice whith curry chicken" number="7" description="A delicious rice with a sweet chicken with curry sauce."  imageList={imageList}></RecipeElementImage>
     </View>
   );
 }
diff --git a/LeftOvers/components/FoodElementText.tsx b/LeftOvers/components/FoodElementText.tsx
index 5f3cf9e..2e6062c 100644
--- a/LeftOvers/components/FoodElementText.tsx
+++ b/LeftOvers/components/FoodElementText.tsx
@@ -4,7 +4,15 @@ import Separator from '../components/Separator';
 import plus from '../assets/images/plus.png'; 
 import moins from '../assets/images/minus.png'; 
 
-export default function FoodElementText(props) {
+
+
+interface foodElementImageProps {
+  source : string
+  title  : string
+}
+
+
+export default function FoodElementText(props : any) {
   return (
     <Pressable style={styles.button}>
       <View style={styles.container}>
@@ -27,7 +35,7 @@ const styles = StyleSheet.create({
     height: 60,
     borderRadius: 5,
     elevation: 3,
-    backgroundColor: '#ACA279',
+    backgroundColor: '#E3DEC9',
   },
   text: {
     fontSize: 15,
diff --git a/LeftOvers/components/RecipeElementImage.tsx b/LeftOvers/components/RecipeElementImage.tsx
index 68bbf4d..104bbbc 100644
--- a/LeftOvers/components/RecipeElementImage.tsx
+++ b/LeftOvers/components/RecipeElementImage.tsx
@@ -3,13 +3,17 @@ import {StyleSheet,Pressable, Text, View, Image} from 'react-native';
 import brochette from '../assets/images/brochette.png'; 
 import Union_left from '../assets/images/Union_left.png';
 import Union_right from '../assets/images/Union_right.png';
-import meat from '../assets/images/meat.png'; 
 import background from '../assets/images/Background.png'; 
 
 
+interface recipeElementImageProps {
+  number : number
+  title  : string
+  description : string
+  imageList : string[]
+}
 
-
-export default function RecipeElementImage(props) {
+export default function RecipeElementImage(props : any) {
   return (
     <Pressable style={styles.button}>
       <View style={styles.view}>
@@ -19,19 +23,20 @@ export default function RecipeElementImage(props) {
         <View style={{alignItems: 'center', justifyContent: 'center'}}>
         <Text style={styles.smallText}>{props.description}</Text>
         </View>
-        <View style={styles.horizontalAlignement}>
-            <Image source={Union_left} style={{ width: 70, height: 4, marginRight: 6}}></Image>
+        {props.imageList.length > 0 ? (
+          <View style={styles.horizontalAlignement}>
+            <Image source={Union_left} style={{ width: 70, height: 4, marginRight: 6 }} />
             <Text style={styles.smallText}>Ingredients</Text>
-            <Image source={Union_right} style={{ width: 70, height: 4, marginLeft: 6}}></Image>
-        </View>
+            <Image source={Union_right} style={{ width: 70, height: 4, marginLeft: 6 }} />
+          </View>
+        ) : null}
+        
         <View style={styles.horizontalAlignement}>
-            <Image source={meat} style={{width: 40, height: 40}}/>
-            <Image source={meat} style={{width: 40, height: 40}}/>
-            <Image source={meat} style={{width: 40, height: 40}}/>
-            <Image source={meat} style={{width: 40, height: 40}}/>
-            <Image source={meat} style={{width: 40, height: 40}}/>   
+          {props.imageList.length > 0 && props.imageList.map((source, index) => (
+          <Image key={index} source={source} style={{ width: 40, height: 40 }} />
+          ))}
         </View>
-        <Image source={background} style={{width: 210, height: 20, marginTop: 20}}></Image>
+        <Image source={background} style={{width: 210, height: 20, marginTop: 300, position: 'absolute'}}></Image>
       </View>
     </Pressable>
   ); 
@@ -42,10 +47,10 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
     width : 250,
-    height: 370,
+    height: 350,
     borderRadius: 40,
     elevation: 3,
-    backgroundColor: '#ACA279',
+    backgroundColor: '#E3DEC9',
   },
   text: {
     fontSize: 14,
@@ -71,7 +76,7 @@ const styles = StyleSheet.create({
   },
   view: {
     width : 240,
-    height: 360,
+    height: 340,
     borderRadius: 40,
     elevation: 3,
     borderWidth: 2,
-- 
2.36.3


From 659382d99b1f24640ebb80ff0cfc1f15a0fc895b Mon Sep 17 00:00:00 2001
From: Rayhan Hassou <Rayhan.HASSOU@etu.uca.fr>
Date: Thu, 9 Nov 2023 15:02:42 +0100
Subject: [PATCH 3/3] improve the design and the composant

---
 LeftOvers/App.js                            |  2 +-
 LeftOvers/components/CustomButton.tsx       |  5 +++++
 LeftOvers/components/RecipeElementImage.tsx | 11 +++++++----
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/LeftOvers/App.js b/LeftOvers/App.js
index 1d4b070..030483c 100644
--- a/LeftOvers/App.js
+++ b/LeftOvers/App.js
@@ -16,7 +16,7 @@ export default function App() {
 
   return (
     <View style={styles.container}>
-      <RecipeElementImage title="Rice whith curry chicken" number="7" description="A delicious rice with a sweet chicken with curry sauce."  imageList={imageList}></RecipeElementImage>
+      <RecipeElementImage title="Rice whith curry chicken" number="7" description="A delicious rice with a sweet chicken with curry sauce. Perfect recipes for winter, delicious and healthy"  imageList={imageList}></RecipeElementImage>
     </View>
   );
 }
diff --git a/LeftOvers/components/CustomButton.tsx b/LeftOvers/components/CustomButton.tsx
index 5f99086..ea913d1 100644
--- a/LeftOvers/components/CustomButton.tsx
+++ b/LeftOvers/components/CustomButton.tsx
@@ -2,6 +2,11 @@ import React from 'react';
 import {StyleSheet,Pressable, Text, View} from 'react-native';
 
 
+interface CustomButtonProps {
+  source : string
+  title  : string
+}
+
 export default function CustomButton(props) {
   return (
     <Pressable style={styles.button}>
diff --git a/LeftOvers/components/RecipeElementImage.tsx b/LeftOvers/components/RecipeElementImage.tsx
index 104bbbc..f869d72 100644
--- a/LeftOvers/components/RecipeElementImage.tsx
+++ b/LeftOvers/components/RecipeElementImage.tsx
@@ -19,10 +19,7 @@ export default function RecipeElementImage(props : any) {
       <View style={styles.view}>
         <Text style={styles.text}>{props.number}</Text>
         <Text style={styles.title}>{props.title}</Text>
-        <Image source={brochette} style={{width: 100, height: 100}}/>
-        <View style={{alignItems: 'center', justifyContent: 'center'}}>
-        <Text style={styles.smallText}>{props.description}</Text>
-        </View>
+        <Image source={props.image ? props.image : brochette} style={{ width: 100, height: 100 }}/>
         {props.imageList.length > 0 ? (
           <View style={styles.horizontalAlignement}>
             <Image source={Union_left} style={{ width: 70, height: 4, marginRight: 6 }} />
@@ -36,6 +33,10 @@ export default function RecipeElementImage(props : any) {
           <Image key={index} source={source} style={{ width: 40, height: 40 }} />
           ))}
         </View>
+
+        <View style={{alignItems: 'center', justifyContent: 'center'}}>
+        <Text style={styles.smallText}>{props.description}</Text>
+        </View>
         <Image source={background} style={{width: 210, height: 20, marginTop: 300, position: 'absolute'}}></Image>
       </View>
     </Pressable>
@@ -58,6 +59,7 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
     letterSpacing: 0.25,
     color: '#756C28',
+    marginTop: 10,
   },
   smallText: {
     fontSize: 12,
@@ -66,6 +68,7 @@ const styles = StyleSheet.create({
     letterSpacing: 0.25,
     color: '#71662A',
     textAlign: "center",
+    marginTop: 5,
   },
   title:{
     fontSize: 18,
-- 
2.36.3