diff --git a/What_The_Fantasy/app/src/debug/ic_launcher-playstore.png b/What_The_Fantasy/app/src/debug/ic_launcher-playstore.png
new file mode 100644
index 0000000..ae01d42
Binary files /dev/null and b/What_The_Fantasy/app/src/debug/ic_launcher-playstore.png differ
diff --git a/What_The_Fantasy/app/src/debug/res/drawable-v24/ic_launcher_background.xml b/What_The_Fantasy/app/src/debug/res/drawable-v24/ic_launcher_background.xml
new file mode 100644
index 0000000..bf08333
--- /dev/null
+++ b/What_The_Fantasy/app/src/debug/res/drawable-v24/ic_launcher_background.xml
@@ -0,0 +1,26 @@
+
+
+
+
+
+ { QuotePage() }
+ composable { composable(Destination.Quote.route) { backStackEntry ->
+ // Récupère l'index passé dans la route
+ val index = backStackEntry.arguments?.getString("userIndex")?.toInt() ?: -1
+ QuotePage(quoteId = index)//, navController = navController)
+ } }
composable { SearchPage() }
composable { SignUpPage(
navControllerLogin = {
diff --git a/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/screens/QuotePage.kt b/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/screens/QuotePage.kt
index 078c936..056d0ce 100644
--- a/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/screens/QuotePage.kt
+++ b/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/screens/QuotePage.kt
@@ -1,8 +1,234 @@
package com.example.what_the_fantasy.ui.screens
+import android.content.Context
+import android.content.Intent
+import android.net.Uri
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Favorite
+import androidx.compose.material.icons.filled.FavoriteBorder
+import androidx.compose.material.icons.filled.MailOutline
+import androidx.compose.material.icons.filled.Share
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
-import com.example.what_the_fantasy.ui.components.NavBar
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.drawBehind
+import androidx.compose.ui.geometry.CornerRadius
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.navigation.NavController
+import com.example.what_the_fantasy.R
+import com.example.what_the_fantasy.data.model.Quote
+import coil.compose.AsyncImage
+import com.example.what_the_fantasy.data.local.QuoteStub
+import com.example.what_the_fantasy.ui.theme.colorBackground
+import com.example.what_the_fantasy.ui.theme.gradienBox
+import com.example.what_the_fantasy.ui.theme.iconText
+import com.example.what_the_fantasy.ui.theme.likeIcon
+import com.example.what_the_fantasy.ui.theme.whiteBackcgroundText
@Composable
-fun QuotePage() {
+fun QuotePage(quoteId : Int) {
+ var quote : Quote= QuoteStub.quote1 // service -> GetQuote(id)
+ val context = LocalContext.current
+ Box(
+ modifier = Modifier
+ .fillMaxSize()
+ .background(colorBackground),
+ contentAlignment = Alignment.Center
+ ) {
+ Column(modifier = Modifier
+ .padding(15.dp)
+ .drawBehind {
+ drawRoundRect(
+ gradienBox,
+ cornerRadius = CornerRadius(15.dp.toPx()),
+ )
+ }
+ ) {
+ Row(modifier = Modifier.padding(15.dp)) {
+ ImageQuote(
+ imageUrl = quote.imgUrl
+ )
+ Column {
+
+ FunctionalIcon(
+ // --/!\-- a modifier --/!\--
+ // service -> isFavorite(id)
+ true,
+ id = quoteId,
+ context = context
+ )
+ QuoteText(
+ text = '"' + quote.content + '"'
+ )
+ }
+ }
+ Column(modifier = Modifier.padding(15.dp)) {
+ InfoQuoteText(
+ nameId = R.string.source,
+ text = quote.source
+ )
+ InfoQuoteText(
+ nameId = R.string.charac,
+ text = quote.character
+ )
+ Row(
+ modifier = Modifier
+ .padding(top = 10.dp)
+ .align(alignment = Alignment.End)
+ ) {
+ LikeInfo(
+ likes = quote.likes
+ )
+ }
+ }
+ }
+ }
+}
+
+@Composable
+fun QuoteText(text: String ){
+ Text(
+ text = text,
+ modifier = Modifier.padding(start = 10.dp, top = 15.dp),
+ fontWeight = FontWeight(1000),
+ fontSize = 20.sp,
+ color = iconText
+ )
+}
+
+@Composable
+fun ImageQuote(imageUrl : String){
+ AsyncImage(
+ model = imageUrl,
+ contentDescription = stringResource(R.string.profilePict),
+ modifier = Modifier
+ .size(150.dp)
+ .clip(RoundedCornerShape(15.dp))
+ )
+}
+
+@Composable
+fun FunctionalIcon(isFavorite: Boolean, id : Int, context : Context){
+ Row(modifier = Modifier
+ .fillMaxWidth()
+ ) {
+ IconButton(
+ onClick = {
+
+ val sendIntent = Intent().apply {
+ action = Intent.ACTION_SEND
+ // lien a changer quand le site sra deployer
+ putExtra(Intent.EXTRA_TEXT, "http://wfWebsite/quote/" + id.toString() )
+ type = "text/plain"
+ addFlags(Intent.FLAG_ACTIVITY_NEW_TASK) // Ajout pour compatibilité
+ }
+
+ val shareIntent = Intent.createChooser(sendIntent, null)
+ shareIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK) // Ajout aussi ici
+
+ context.startActivity(shareIntent)
+ },
+ modifier = Modifier.padding(start = 15.dp)
+ ) {
+ Icon(
+ Icons.Default.Share,
+ contentDescription = stringResource(R.string.share),
+ tint = iconText,
+ )
+ }
+ IconButton(
+ onClick = { }, //Go to comment
+ modifier = Modifier.padding(start = 20.dp)
+ ){
+ Icon(
+ Icons.Default.MailOutline,
+ contentDescription = stringResource(R.string.comment),
+ tint = iconText,
+ )
+ }
+
+ if(isFavorite){
+ IconButton(
+ onClick = { }, //Go to comment
+ modifier = Modifier.padding(start = 20.dp)
+ ){
+ Icon(
+ Icons.Default.Favorite,
+ contentDescription = stringResource(R.string.favorite),
+ tint = likeIcon,
+ )
+ }
+
+ }
+ else{
+ IconButton(
+ onClick = { }, //Go to comment
+ modifier = Modifier.padding(start = 50.dp)
+ ){
+ Icon(
+ Icons.Default.FavoriteBorder,
+ contentDescription = stringResource(R.string.favorite),
+ tint = iconText
+ )
+ }
+ }
+ }
+}
+
+@Composable
+fun InfoQuoteText(nameId : Int, text : String){
+ Column(modifier = Modifier.padding(bottom = 20.dp)){
+ Text(
+ text = stringResource(id = nameId),
+ fontSize = 18.sp,
+ fontWeight = FontWeight(500),
+ color = iconText
+ )
+
+ Text(
+ text = text,
+ color = whiteBackcgroundText,
+ fontSize = 16.sp,
+ fontWeight = FontWeight(400),
+ modifier = Modifier
+ .drawBehind {
+ drawRoundRect(
+ Color(255,255,255),
+ cornerRadius = CornerRadius(15.dp.toPx())
+ )
+ }
+ .padding(5.dp),
+ )
+ }
+}
+
+@Composable
+fun LikeInfo(likes : Int){
+ Text(
+ text = likes.toString(),
+ color = iconText
+ )
+ Icon(
+ Icons.Default.Favorite,
+ contentDescription = stringResource(R.string.favorite),
+ tint = iconText,
+ )
}
\ No newline at end of file
diff --git a/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/theme/Color.kt b/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/theme/Color.kt
index d8343f5..a06268e 100644
--- a/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/theme/Color.kt
+++ b/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/theme/Color.kt
@@ -12,7 +12,9 @@ val Pink80 = Color(0xFFEFB8C8)
val Purple40 = Color(0xFF6650a4)
val PurpleGrey40 = Color(0xFF625b71)
val Pink40 = Color(0xFF7D5260)
-
+val likeIcon = Color.Red
+val whiteBackcgroundText = Color.Black
+val iconText = Color.White
val gradienBox = Brush.linearGradient(
colors = listOf(Color(0xFF7B1FA2), Color(0xFF311B92)), // Violet clair → Violet foncé
start = Offset(0f, 1000f), // Départ en bas à gauche
diff --git a/What_The_Fantasy/app/src/main/res/drawable-v24/ic_launcher_background.xml b/What_The_Fantasy/app/src/main/res/drawable-v24/ic_launcher_background.xml
index c495e44..bf08333 100644
--- a/What_The_Fantasy/app/src/main/res/drawable-v24/ic_launcher_background.xml
+++ b/What_The_Fantasy/app/src/main/res/drawable-v24/ic_launcher_background.xml
@@ -4,10 +4,10 @@
android:height="108dp"
android:viewportWidth="202"
android:viewportHeight="202">
-
+
diff --git a/What_The_Fantasy/app/src/main/res/drawable-v24/ic_launcher_foreground.xml b/What_The_Fantasy/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
deleted file mode 100644
index 2b068d1..0000000
--- a/What_The_Fantasy/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
-
-