From c42be0003b57fbc11d61a5419d7484f57d7ce2d7 Mon Sep 17 00:00:00 2001
From: "marc.sirisak" <marc.sirisak@beta.gouv.fr>
Date: Thu, 3 Oct 2024 10:18:47 +0200
Subject: [PATCH] chore(sso): cleanup welcome_sso html and css

---
 config.dev.json                               |  2 +-
 res/css/views/sso/TchapSSO.pcss               |  2 +-
 res/welcome_sso.html                          | 43 +------------------
 .../components/views/sso/ProconnectButton.tsx |  2 +-
 4 files changed, 4 insertions(+), 45 deletions(-)

diff --git a/config.dev.json b/config.dev.json
index 3f23dbc15..73627a934 100644
--- a/config.dev.json
+++ b/config.dev.json
@@ -126,7 +126,7 @@
         "feature_screenshare_call": ["*"]
     },
     "tchap_sso_flow": {
-        "isActive": false
+        "isActive": true
     },
     "map_style_url": "https://openmaptiles.geo.data.gouv.fr/styles/osm-bright/style.json",
     "element_call": {
diff --git a/res/css/views/sso/TchapSSO.pcss b/res/css/views/sso/TchapSSO.pcss
index e704d1c26..0ac687607 100644
--- a/res/css/views/sso/TchapSSO.pcss
+++ b/res/css/views/sso/TchapSSO.pcss
@@ -27,7 +27,7 @@
     }
     
     .tc_ButtonProconnect {
-        background-color: #000091;
+        background-color: var(--accent);
         color: white !important;
     }
     
diff --git a/res/welcome_sso.html b/res/welcome_sso.html
index bb57ec0ff..154add723 100644
--- a/res/welcome_sso.html
+++ b/res/welcome_sso.html
@@ -119,22 +119,11 @@
         font-size: 18px;
     }
 
-    .mx_Header_subtitle {
-        font-size: 12px;
-        font-weight: normal;
-        margin: 8px 0 0;
-    }
-
     .tc_paragraph {
         margin-bottom: 40px;
         margin-top: 40px;
     }
 
-    .mx_ButtonSignIn {
-        background-color: #000091;
-        color: white !important;
-    }
-
     .mx_ButtonCreateAccount {
         background-color: #0dbd8b;
         color: white !important;
@@ -147,21 +136,6 @@
         margin-bottom: 40px;
     }
 
-    .mx_Button_iconSignIn {
-        background-image: url("welcome/images/icon-sign-in.svg");
-    }
-
-    .mx_Button_iconCreateAccount {
-        background-image: url("welcome/images/icon-create-account.svg");
-    }
-
-    .mx_Button_iconHelp {
-        background-image: url("welcome/images/icon-help.svg");
-    }
-
-    .mx_Button_iconRoomDirectory {
-        background-image: url("welcome/images/icon-room-directory.svg");
-    }
 
     footer.mx_AuthFooter {
         background: rgba(255, 255, 255, 1) !important;
@@ -233,7 +207,7 @@
         -ms-flex-align: center;
         align-items: center;
         border-radius: 4px;
-        width: 175px;
+        width: 200px;
         background-repeat: no-repeat;
         background-position: 10px center;
         text-decoration: none;
@@ -273,11 +247,6 @@
 </style>
 
 <div class="mx_Parent">
-    <!-- :TCHAP: remove element logo, use tchap logo instead
-    <a href="https://element.io" target="_blank" rel="noopener">
-        <img src="$logoUrl" alt="" class="mx_Logo" />
-    </a>
-    -->
     <a href="https://tchap.beta.gouv.fr?mtm_camapaign=TchapWebConnectLogo" target="_blank" rel="noopener">
         <img src="$logoUrl" alt="Logo Tchap" class="mx_Logo" />
     </a>
@@ -292,15 +261,6 @@ <h1 class="mx_Header_title">_t("Welcome to Tchap")<br />
         </a>
     </div>
     <div class="mx_ButtonGroup">
-        <!-- :TCHAP: sso-agentconnect-flow -->
-        <!-- <div class="mx_ButtonRow">
-            <a href="#/login" class="mx_ButtonParent mx_ButtonSignIn mx_Button_iconSignIn">
-                <div class="mx_ButtonLabel">_t("action|sign_in")</div>
-            </a>
-            <a href="#/register" class="mx_ButtonParent mx_ButtonCreateAccount mx_Button_iconCreateAccount">
-                <div class="mx_ButtonLabel">_t("action|create_account")</div>
-            </a>
-        </div> -->
         <div class="tc_ButtonCol">
             <a href="#/email-precheck-sso" class="tc_ButtonParent tc_ButtonProconnect tc_Button_iconPC">
                 <div class="mx_ButtonLabel">_t("auth|sso|email_title")</div>
@@ -315,7 +275,6 @@ <h1 class="mx_Header_title">_t("Welcome to Tchap")<br />
                 <div>_t("action|create_account")</div>
             </a>
         </div>
-        <!-- end :TCHAP:  -->
         <div class="mx_ButtonRow mx_WelcomePage_guestFunctions">
             <div>
                 <a href="#/directory" class="mx_ButtonParent mx_SecondaryButton mx_Button_iconRoomDirectory">
diff --git a/src/tchap/components/views/sso/ProconnectButton.tsx b/src/tchap/components/views/sso/ProconnectButton.tsx
index e97636d15..d076ccf4e 100644
--- a/src/tchap/components/views/sso/ProconnectButton.tsx
+++ b/src/tchap/components/views/sso/ProconnectButton.tsx
@@ -8,7 +8,7 @@ export default function ProconnectButton(): JSX.Element {
     return (
         <div className="tc_pronnect">
             <a href="#/email-precheck-sso" className="tc_ButtonParent tc_ButtonProconnect tc_Button_iconPC">
-                <div>_t("auth|sso|email_title")</div>
+                <div>{_t("auth|sso|email_title")}</div>
             </a>
         </div>
     );