From bb4124e0f1c3c1c16f0d23171f0f2322dd58e39b Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 11 Aug 2021 15:19:22 +0530
Subject: [PATCH] fix(ui) - enable project delete and edit, check for role

---
 frontend/app/components/Client/Sites/Sites.js | 10 +++++-----
 frontend/app/components/Client/client.css     |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/app/components/Client/Sites/Sites.js b/frontend/app/components/Client/Sites/Sites.js
index 087cca66f..0f54b0b02 100644
--- a/frontend/app/components/Client/Sites/Sites.js
+++ b/frontend/app/components/Client/Sites/Sites.js
@@ -118,7 +118,7 @@ class Sites extends React.PureComponent {
     const { modalContent, showTrackingCode } = this.state;
     const isAdmin = user.admin || user.superAdmin;
     const canAddSites = isAdmin && account.limits.projects && account.limits.projects.remaining !== 0;
-    const canDeleteSites = sites.size > 1;
+    const canDeleteSites = sites.size > 1 && isAdmin;
 
     return (
       <Loader loading={ loading }>
@@ -189,15 +189,15 @@ class Sites extends React.PureComponent {
                   </div>
                   <div className={ stl.actions }>
                     <button
-                      className="hidden cursor-pointer"
-                      disabled={ !isAdmin || !canDeleteSites }
+                      className={cn({'hidden' : !canDeleteSites})}                      
+                      disabled={ !canDeleteSites }
                       onClick={ () => canDeleteSites && this.remove(_site) }
                     >
                       <Icon name="trash" size="16" color="teal" />
                     </button>
                     <button
-                      className="hidden"
-                      disabled={ !isAdmin || !canDeleteSites }
+                      className={cn({'hidden' : !canDeleteSites})}
+                      disabled={ !canDeleteSites }
                       onClick={ () => canDeleteSites && this.edit(_site) }
                       data-clickable
                     >
diff --git a/frontend/app/components/Client/client.css b/frontend/app/components/Client/client.css
index 871d0e269..d9406e4d8 100644
--- a/frontend/app/components/Client/client.css
+++ b/frontend/app/components/Client/client.css
@@ -7,7 +7,7 @@
 .main {  
   max-height: 100%;
   display: flex;
-  min-height: calc(100vh - 51px);
+  min-height: calc(100vh - 81px);
 
   & .tabMenu {
     width: 240px;