Add transfer empty screen

app/src/main/java/com/infomaniak/swisstransfer/ui/screen/main/received/ReceivedScreen.kt

@@ -17,36 +17,98 @@
  */
 package com.infomaniak.swisstransfer.ui.screen.main.received
 
-import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.*
+import androidx.compose.material3.Icon
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.material3.adaptive.navigationsuite.NavigationSuiteType
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.rotate
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import com.infomaniak.swisstransfer.R
+import com.infomaniak.swisstransfer.ui.components.BrandTobAppBar
 import com.infomaniak.swisstransfer.ui.components.NewTransferFab
 import com.infomaniak.swisstransfer.ui.components.NewTransferFabType
+import com.infomaniak.swisstransfer.ui.images.AppImages.AppIllus
+import com.infomaniak.swisstransfer.ui.images.illus.ArrowDownRightCurved
+import com.infomaniak.swisstransfer.ui.images.illus.MascotSearching
 import com.infomaniak.swisstransfer.ui.screen.main.LocalNavType
+import com.infomaniak.swisstransfer.ui.theme.Margin
 import com.infomaniak.swisstransfer.ui.theme.SwissTransferTheme
 import com.infomaniak.swisstransfer.ui.utils.PreviewMobile
 import com.infomaniak.swisstransfer.ui.utils.PreviewTablet
 
 @Composable
 fun ReceivedScreen(navigateToDetails: (transferId: Int) -> Unit) {
-    ReceivedScreen(navType = LocalNavType.current)
+    SwissTransferTheme {
+
+        ReceivedScreen(navType = LocalNavType.current)
+    }
 }
 
 @Composable
 private fun ReceivedScreen(navType: NavigationSuiteType) {
     Scaffold(
+        topBar = { BrandTobAppBar() },
         floatingActionButton = {
             if (navType == NavigationSuiteType.NavigationBar) NewTransferFab(newTransferFabType = NewTransferFabType.BOTTOM_BAR)
         },
     ) { contentPadding ->
-        Text(
-            text = "Received screen",
-            modifier = Modifier.padding(contentPadding),
-        )
+
+        Box {
+            Column(
+                modifier = Modifier
+                    .fillMaxSize()
+                    .padding(contentPadding),
+                verticalArrangement = Arrangement.Center,
+                horizontalAlignment = Alignment.CenterHorizontally
+            ) {
+                Image(imageVector = AppIllus.MascotSearching, contentDescription = "")
+
+                Text(
+                    text = LocalContext.current.getString(R.string.no_transfer_received_title),
+                    style = SwissTransferTheme.typography.specificMedium22,
+                    modifier = Modifier.padding(PaddingValues(top = Margin.XLarge))
+                )
+
+                Text(
+                    text = LocalContext.current.getString(R.string.no_transfer_received_description),
+                    textAlign = TextAlign.Center,
+                    style = SwissTransferTheme.typography.bodyRegular,
+                    modifier = Modifier
+                        .widthIn(max = 200.dp)
+                        .padding(PaddingValues(top = Margin.Medium)),
+                )
+            }
+
+            if (navType == NavigationSuiteType.NavigationBar) {
+                Column(
+                    modifier = Modifier
+                        .align(Alignment.BottomEnd)
+                        .wrapContentSize()
+                        .padding(PaddingValues(bottom = Margin.XLarge, end = 90.dp)),
+                    horizontalAlignment = Alignment.End,
+                ) {
+                    Text(
+                        text = LocalContext.current.getString(R.string.firstTransferDescription),
+                        style = SwissTransferTheme.typography.bodyRegular,
+                        modifier = Modifier.padding(PaddingValues(top = Margin.XLarge)),
+                    )
+
+                    Icon(
+                        imageVector = AppIllus.ArrowDownRightCurved,
+                        contentDescription = "",
+                        modifier = Modifier.rotate(-30.0f),
+                    )
+                }
+            }
+        }
     }
 }
 

app/src/main/java/com/infomaniak/swisstransfer/ui/theme/Margin.kt

@@ -20,9 +20,10 @@ package com.infomaniak.swisstransfer.ui.theme
 import androidx.compose.ui.unit.dp
 
 object Margin {
-    val ExtraSmall = 4.dp
+    val XSmall = 4.dp
     val Small = 8.dp
     val Medium = 16.dp
     val Large = 24.dp
-    val ExtraLarge = 48.dp
+    val XLarge = 32.dp
+    val XXLarge = 48.dp
 }

app/src/main/res/values-de/strings.xml

@@ -23,6 +23,8 @@
     <string name="contentDescriptionCreateNewTransferButton">Neuer Transfer</string>
     <string name="firstTransferDescription">Mache deine erste Überweisung!</string>
     <string name="importFilesScreenTitle">Zu übertragende Dateien</string>
+    <string name="no_transfer_received_description">Alle Überweisungen, die du in den letzten 30 Tagen erhältst, werden hier angezeigt.</string>
+    <string name="no_transfer_received_title">Keine Überweisungen erhalten</string>
     <string name="receivedTitle">Empfangen</string>
     <string name="sentEmptyTitle">Unsere Geschichte beginnt hier</string>
     <string name="sentTitle">Gesendet</string>

app/src/main/res/values-es/strings.xml

@@ -23,6 +23,8 @@
     <string name="contentDescriptionCreateNewTransferButton">Nueva transferencia</string>
     <string name="firstTransferDescription">Realice su primera transferencia</string>
     <string name="importFilesScreenTitle">Archivos para transferir</string>
+    <string name="no_transfer_received_description">Aquí aparecerán todas las transferencias recibidas en los últimos 30 días.</string>
+    <string name="no_transfer_received_title">No se han recibido transferencias</string>
     <string name="receivedTitle">Recibido</string>
     <string name="sentEmptyTitle">Nuestra historia comienza aquí</string>
     <string name="sentTitle">Enviado a</string>

app/src/main/res/values-fr/strings.xml

@@ -23,6 +23,8 @@
     <string name="contentDescriptionCreateNewTransferButton">Nouveau transfert</string>
     <string name="firstTransferDescription">Fais ton premier transfert !</string>
     <string name="importFilesScreenTitle">Fichiers à transférer</string>
+    <string name="no_transfer_received_description">Tous les transferts que tu recevras sur les 30 derniers jours apparaitront ici.</string>
+    <string name="no_transfer_received_title">Aucun transfert reçu</string>
     <string name="receivedTitle">Recu</string>
     <string name="sentEmptyTitle">Notre histoire commence ici</string>
     <string name="sentTitle">Envoyé</string>

app/src/main/res/values-it/strings.xml

@@ -23,6 +23,8 @@
     <string name="contentDescriptionCreateNewTransferButton">Nuovo trasferimento</string>
     <string name="firstTransferDescription">Effettuate il vostro primo trasferimento!</string>
     <string name="importFilesScreenTitle">File da trasferire</string>
+    <string name="no_transfer_received_description">Qui appariranno tutti i bonifici ricevuti negli ultimi 30 giorni.</string>
+    <string name="no_transfer_received_title">Nessun trasferimento ricevuto</string>
     <string name="receivedTitle">Ricevuto</string>
     <string name="sentEmptyTitle">La nostra storia inizia qui</string>
     <string name="sentTitle">Inviato a</string>

app/src/main/res/values/strings.xml

@@ -26,6 +26,8 @@
     <string name="contentDescriptionCreateNewTransferButton">New transfer</string>
     <string name="firstTransferDescription">Make your first transfer!</string>
     <string name="importFilesScreenTitle">Files to transfer</string>
+    <string name="no_transfer_received_description">All transfers you receive over the last 30 days will appear here.</string>
+    <string name="no_transfer_received_title">No transfers received</string>
     <string name="receivedTitle">Received</string>
     <string name="sentEmptyTitle">Our story begins here</string>
     <string name="sentTitle">Sent</string>