From 8593da4e25fadaf386f241b317ee6f5b81010f21 Mon Sep 17 00:00:00 2001
From: GitStart <1501599+gitstart@users.noreply.github.com>
Date: Tue, 8 Nov 2022 08:49:44 +0100
Subject: [PATCH] [CAL-106] /onboarding - UI issues & small improvements
 (#5396)

Co-authored-by: gitstart <gitstart@users.noreply.github.com>
Co-authored-by: Nitesh Singh <nitesh.singh@gitstart.dev>
Co-authored-by: Matheus Benini Ferreira <88898100+MatheusBeniniF@users.noreply.github.com>
Co-authored-by: Matheus Muniz <87545749+matheusmuniz03@users.noreply.github.com>
Co-authored-by: Murilo Amaral <87545137+MuriloAmarals@users.noreply.github.com>
Co-authored-by: Rafael Toledo <87545086+Toledodev@users.noreply.github.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>
Co-authored-by: Rubens Rafael <70234898+RubensRafael@users.noreply.github.com>
Co-authored-by: Matheus Muniz <matheusmuniz100@hotmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
---
 .../components/getting-started/steps-views/UserProfile.tsx   | 5 ++---
 apps/web/public/static/locales/en/common.json                | 1 +
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/components/getting-started/steps-views/UserProfile.tsx b/apps/web/components/getting-started/steps-views/UserProfile.tsx
index 7f7f96db04..1bea8b0632 100644
--- a/apps/web/components/getting-started/steps-views/UserProfile.tsx
+++ b/apps/web/components/getting-started/steps-views/UserProfile.tsx
@@ -102,8 +102,7 @@ const UserProfile = (props: IUserProfile) => {
 
   return (
     <form onSubmit={onSubmit}>
-      <p className="font-cal text-sm">{t("profile_picture")}</p>
-      <div className="mt-4 flex flex-row items-center justify-start rtl:justify-end">
+      <div className="flex flex-row items-center justify-start rtl:justify-end">
         {user && <AvatarSSR user={user} alt="Profile picture" className="h-16 w-16" />}
         <input
           ref={avatarRef}
@@ -118,7 +117,7 @@ const UserProfile = (props: IUserProfile) => {
           <ImageUploader
             target="avatar"
             id="avatar-upload"
-            buttonMsg={t("upload")}
+            buttonMsg={t("add_profile_photo")}
             handleAvatarChange={(newAvatar) => {
               avatarRef.current.value = newAvatar;
               const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json
index 87b5aa6175..c8d458710b 100644
--- a/apps/web/public/static/locales/en/common.json
+++ b/apps/web/public/static/locales/en/common.json
@@ -1127,6 +1127,7 @@
   "removes_cal_branding": "Removes any Cal related brandings, i.e. 'Powered by Cal.'",
   "profile_picture": "Profile picture",
   "upload": "Upload",
+  "add_profile_photo": "Add profile photo",
   "web3": "Web3",
   "rainbow_token_gated": "This event type is token gated.",
   "rainbow_connect_wallet_gate": "Connect your wallet if you own <1>{{name}}</1> (<3>{{symbol}}</3>).",