From 752e2d662166c3060d8d784de2e53c0a8b8ea187 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Mon, 3 Apr 2023 17:45:29 +0200
Subject: [PATCH] change(ui) - disable delete for owner, login page error
 message alignment (#1099)

* change(ui) - super admin label to owner

* fix(ui) - login page error alignment
---
 .../Users/components/UserForm/UserForm.tsx      |  1 +
 .../app/components/Header/UserMenu/UserMenu.tsx |  2 +-
 frontend/app/components/Login/Login.js          | 17 +++--------------
 3 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/frontend/app/components/Client/Users/components/UserForm/UserForm.tsx b/frontend/app/components/Client/Users/components/UserForm/UserForm.tsx
index 44f7dfb2e..3cf44bb7f 100644
--- a/frontend/app/components/Client/Users/components/UserForm/UserForm.tsx
+++ b/frontend/app/components/Client/Users/components/UserForm/UserForm.tsx
@@ -136,6 +136,7 @@ function UserForm(props: Props) {
                     </div>
                     <div>
                         <Button
+                            disabled={user.isSuperAdmin}
                             data-hidden={ !user.exists() }
                             onClick={ deleteHandler }
                         >
diff --git a/frontend/app/components/Header/UserMenu/UserMenu.tsx b/frontend/app/components/Header/UserMenu/UserMenu.tsx
index ddc3cc2f1..a5813e6a4 100644
--- a/frontend/app/components/Header/UserMenu/UserMenu.tsx
+++ b/frontend/app/components/Header/UserMenu/UserMenu.tsx
@@ -36,7 +36,7 @@ function UserMenu(props: RouteComponentProps<Props>) {
             {account.email}
           </div>
           <div className="rounded-full bg-gray-light flex items-center px-2 color-gray-medium text-sm w-fit text-center">
-            {account.superAdmin ? 'Super Admin' : account.admin ? 'Admin' : 'Member'}
+            {account.superAdmin ? 'Owner' : account.admin ? 'Admin' : 'Member'}
           </div>
         </div>
       </div>
diff --git a/frontend/app/components/Login/Login.js b/frontend/app/components/Login/Login.js
index 91588bb52..a63498730 100644
--- a/frontend/app/components/Login/Login.js
+++ b/frontend/app/components/Login/Login.js
@@ -91,17 +91,6 @@ class Login extends React.Component {
           <div className="border rounded bg-white">
             <Form onSubmit={this.onSubmit} className="flex items-center justify-center flex-col">
               <h2 className="text-center text-2xl font-medium mb-6 border-b p-5 w-full">Login to your account</h2>
-              <div className="">
-                
-                {!authDetails.tenants && (
-                  <div className="text-center text-xl">
-                    Don't have an account?{' '}
-                    <span className="link">
-                      <Link to={SIGNUP_ROUTE}>Sign up</Link>
-                    </span>
-                  </div>
-                )}
-              </div>
               <Loader loading={loading}>
                 {CAPTCHA_ENABLED && (
                   <ReCAPTCHA
@@ -143,9 +132,9 @@ class Login extends React.Component {
                 </div>
               </Loader>
               {errors && errors.length ? (
-                <div className={stl.errors}>
+                <div className="px-8 my-2 w-full">
                   {errors.map((error) => (
-                    <div className={stl.errorItem}>
+                    <div className="flex items-center bg-red-lightest rounded p-3">
                       <Icon name="info" color="red" size="20" />
                       <span className="color-red ml-2">
                         {error}
@@ -161,7 +150,7 @@ class Login extends React.Component {
                   {'Login'}
                 </Button>
 
-                <div className="my-8">
+                <div className="my-8 text-center">
                   <span className="color-gray-medium">Having trouble logging in?</span> <Link to={FORGOT_PASSWORD} className="link ml-1">{'Reset password'}</Link>
                 </div>
               </div>