style: update expired account screen (#1036)

* style: update expired account screen * Add changelog * style: update wording * style: update wording after review
tchapgouv · Apr 25, 2024 · 3badb9b · 3badb9b
1 parent 9d7e2f9
commit 3badb9b
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 12 deletions.
diff --git a/changelog.d/1035.improvements b/changelog.d/1035.improvements
@@ -0,0 +1 @@
+Mise à jour de l'écran de compte expiré.
diff --git a/library/ui-strings/src/main/res/values-fr/strings_tchap.xml b/library/ui-strings/src/main/res/values-fr/strings_tchap.xml
@@ -68,10 +68,12 @@
     <string name="tchap_room_settings_room_access_by_link_share">Partager le lien</string>
 
     <!-- tchap account validity -->
-    <string name="tchap_expired_account_msg">La durée de validité de votre compte a expiré. Un e\u2011mail vous a été envoyé pour la renouveler. Une fois que vous aurez suivi le lien qu’il contient, cliquez ci-dessous.</string>
-    <string name="tchap_expired_account_resume_button">J’ai renouvelé mon compte</string>
-    <string name="tchap_request_renewal_email_button">Demander l’envoi d’un nouvel email</string>
-    <string name="tchap_expired_account_on_new_sent_email_msg">Un nouvel e\u2011mail vous a été envoyé pour renouveler la validité de votre compte. Une fois que vous aurez suivi le lien qu’il contient, cliquez ci-dessous.</string>
+    <string name="tchap_expired_account_title">Votre compte a expiré</string>
+    <string name="tchap_expired_account_msg">Un e\u2011mail vous a été envoyé pour renouveler votre compte. Une fois que vous aurez suivi le lien qu’il contient, cliquez ci-dessous.</string>
+    <string name="tchap_expired_account_resume_button">Continuer</string>
+    <string name="tchap_request_renewal_email_button">Envoyer un nouvel email</string>
+    <string name="tchap_expired_account_on_new_sent_email_msg">Un nouvel e\u2011mail vous a été envoyé pour renouveler votre compte. Une fois que vous aurez suivi le lien qu’il contient, cliquez ci-dessous.</string>
+    <string name="tchap_expired_account_on_new_sent_email_title">Nouvel e\u2011mail envoyé</string>
 
     <!-- Login/Register Tchap -->
     <string name="tchap_has_account_no">Je n’ai pas\nde compte</string>

diff --git a/library/ui-strings/src/main/res/values/strings_tchap.xml b/library/ui-strings/src/main/res/values/strings_tchap.xml
@@ -68,10 +68,12 @@
     <string name="tchap_room_settings_room_access_by_link_share">Share the link</string>
 
     <!-- tchap account validity -->
-    <string name="tchap_expired_account_msg">The validity period of your account has expired. An email has been sent to you in order to renew it. Once you’ve followed the link it contains, click below.</string>
-    <string name="tchap_expired_account_resume_button">I renewed the validity of my account</string>
+    <string name="tchap_expired_account_title">Your account has expired</string>
+    <string name="tchap_expired_account_msg">An email has been sent to you in order to renew your account. Once you’ve followed the link it contains, click below.</string>
+    <string name="tchap_expired_account_resume_button">Continue</string>
     <string name="tchap_request_renewal_email_button">Request a renewal email</string>
-    <string name="tchap_expired_account_on_new_sent_email_msg">A new email has been sent to you in order to renew your account validity. Once you’ve followed the link it contains, click below.</string>
+    <string name="tchap_expired_account_on_new_sent_email_msg">A new email has been sent to you in order to renew your account. Once you’ve followed the link it contains, click below.</string>
+    <string name="tchap_expired_account_on_new_sent_email_title">Email sent</string>
 
     <!-- Login/Register Tchap -->
     <string name="tchap_has_account_no">I do not have\nan account</string>

diff --git a/vector/src/main/java/fr/gouv/tchap/features/expired/ExpiredAccountActivity.kt b/vector/src/main/java/fr/gouv/tchap/features/expired/ExpiredAccountActivity.kt
@@ -65,10 +65,12 @@ class ExpiredAccountActivity : VectorBaseActivity<ActivityTchapExpiredBinding>()
     private fun renderState(state: ExpiredAccountViewState) {
         with(views) {
             if (state.isRenewalEmailSent) {
-                titleView.setText(R.string.tchap_expired_account_on_new_sent_email_msg)
+                titleView.setText(R.string.tchap_expired_account_on_new_sent_email_title)
+                msgView.setText(R.string.tchap_expired_account_on_new_sent_email_msg)
                 renewalEmailButton.isVisible = false
             } else {
-                titleView.setText(R.string.tchap_expired_account_msg)
+                titleView.setText(R.string.tchap_expired_account_title)
+                msgView.setText(R.string.tchap_expired_account_msg)
                 renewalEmailButton.isVisible = true
             }
         }

diff --git a/vector/src/main/res/layout/activity_tchap_expired.xml b/vector/src/main/res/layout/activity_tchap_expired.xml
@@ -18,9 +18,20 @@
 
             <TextView
                 android:id="@+id/titleView"
+                style="@style/Widget.Vector.TextView.Title.Medium"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center_horizontal"
+                android:text="@string/tchap_expired_account_title"
+                android:textColor="?colorPrimary" />
+
+            <TextView
+                android:id="@+id/msgView"
                 style="@style/Widget.Vector.TextView.Title"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
+                android:layout_marginTop="22dp"
+                android:layout_marginBottom="22dp"
                 android:gravity="start"
                 android:text="@string/tchap_expired_account_msg"
                 android:textColor="?vctr_content_primary" />
@@ -30,16 +41,15 @@
                 style="@style/Widget.Vector.Button.Text"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_gravity="end"
-                android:layout_marginTop="22dp"
+                android:layout_gravity="center_horizontal"
                 android:text="@string/tchap_expired_account_resume_button" />
 
             <Button
                 android:id="@+id/renewalEmailButton"
                 style="@style/Widget.Vector.Button.Text"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_gravity="end"
+                android:layout_gravity="center_horizontal"
                 android:text="@string/tchap_request_renewal_email_button" />
 
         </LinearLayout>