From b47c75304eb63ff92111ee29acda12092dd8a4c8 Mon Sep 17 00:00:00 2001
From: alannnc <alannnc@gmail.com>
Date: Wed, 20 Jul 2022 18:12:18 +0000
Subject: [PATCH] Fixed action button display while responsive and fix
 translations (#3469)

---
 .../ui/UsernameAvailability/PremiumTextfield.tsx          | 6 ++----
 .../ui/UsernameAvailability/UsernameTextfield.tsx         | 8 +++-----
 apps/web/public/static/locales/en/common.json             | 7 ++++---
 3 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/apps/web/components/ui/UsernameAvailability/PremiumTextfield.tsx b/apps/web/components/ui/UsernameAvailability/PremiumTextfield.tsx
index 8f86a9465e..6044eac72c 100644
--- a/apps/web/components/ui/UsernameAvailability/PremiumTextfield.tsx
+++ b/apps/web/components/ui/UsernameAvailability/PremiumTextfield.tsx
@@ -274,16 +274,14 @@ const PremiumTextfield = (props: ICustomUsernameProps) => {
 
               <div className="flex w-full flex-wrap rounded-sm bg-gray-100 py-3 text-sm">
                 <div className="flex-1 px-2">
-                  <p className="text-gray-500">
-                    {t("current")} {t("username")}
-                  </p>
+                  <p className="text-gray-500">{t("current_username")}</p>
                   <p className="mt-1" data-testid="current-username">
                     {currentUsername}
                   </p>
                 </div>
                 <div className="ml-6 flex-1">
                   <p className="text-gray-500" data-testid="new-username">
-                    {t("new")} {t("username")}
+                    {t("new_username")}
                   </p>
                   <p>{inputUsernameValue}</p>
                 </div>
diff --git a/apps/web/components/ui/UsernameAvailability/UsernameTextfield.tsx b/apps/web/components/ui/UsernameAvailability/UsernameTextfield.tsx
index ce7c337ba9..325647f3be 100644
--- a/apps/web/components/ui/UsernameAvailability/UsernameTextfield.tsx
+++ b/apps/web/components/ui/UsernameAvailability/UsernameTextfield.tsx
@@ -144,7 +144,7 @@ const UsernameTextfield = (props: ICustomUsernameProps) => {
             </div>
           )}
         </div>
-        <div className="xs:hidden">
+        <div className="hidden  md:inline">
           <ActionButtons index="desktop" />
         </div>
       </div>
@@ -171,16 +171,14 @@ const UsernameTextfield = (props: ICustomUsernameProps) => {
 
               <div className="flex w-full flex-wrap rounded-sm bg-gray-100 py-3 text-sm">
                 <div className="flex-1 px-2">
-                  <p className="text-gray-500">
-                    {t("current")} {t("username").toLocaleLowerCase()}
-                  </p>
+                  <p className="text-gray-500">{t("current_username")}</p>
                   <p className="mt-1" data-testid="current-username">
                     {currentUsername}
                   </p>
                 </div>
                 <div className="flex-1">
                   <p className="text-gray-500" data-testid="new-username">
-                    {t("new")} {t("username").toLocaleLowerCase()}
+                    {t("new_username")}
                   </p>
                   <p>{inputUsernameValue}</p>
                 </div>
diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json
index 990879319a..077fd6163d 100644
--- a/apps/web/public/static/locales/en/common.json
+++ b/apps/web/public/static/locales/en/common.json
@@ -952,7 +952,7 @@
   "nr_event_type_one": "{{count}} Event Type",
   "nr_event_type_other": "{{count}} Event Types",
   "add_action": "Add action",
-  "set_whereby_link":"Set Whereby link",
+  "set_whereby_link": "Set Whereby link",
   "invalid_whereby_link": "Please enter a valid Whereby Link",
   "set_around_link": "Set Around.Co link",
   "invalid_around_link": "Please enter a valid Around Link",
@@ -993,6 +993,7 @@
   "open": "Open",
   "close": "Close",
   "pro_feature_teams": "This is a Pro feature. Upgrade to Pro to see your team's availability.",
-  "pro_feature_workflows": "This is a Pro feature. Upgrade to Pro to automate your event notifications and reminders with Workflows."
-
+  "pro_feature_workflows": "This is a Pro feature. Upgrade to Pro to automate your event notifications and reminders with Workflows.",
+  "current_username": "Current Username",
+  "new_username": "New Username"
 }