Disable the "Delete Certificate" button when you are not logged in

PeculiarVentures · Sep 19, 2024 · e164734 · e164734
1 parent 4be1db6
commit e164734
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/app.tsx b/src/app.tsx
@@ -143,6 +143,7 @@ export function App() {
         onViewDetails={handleCertificateViewerDialogOpen}
         loading={!fetching.certificates || fetching.certificates === "pending"}
         highlightedText={searchedText}
+        isLoggedIn={isCurrentProviderLogedin}
       />
       <FetchingStatusOwerlay
         fetching={fetching}

diff --git a/src/components/certificates-list/CertificatesList.tsx b/src/components/certificates-list/CertificatesList.tsx
@@ -57,6 +57,7 @@ interface CertificatesListProps {
   className?: ComponentProps<"table">["className"];
   highlightedText?: string;
   loading?: boolean;
+  isLoggedIn: boolean;
 }
 
 export const CertificatesList: React.FunctionComponent<
@@ -69,6 +70,7 @@ export const CertificatesList: React.FunctionComponent<
     currentSortDir,
     highlightedText,
     loading,
+    isLoggedIn,
     onSort,
     onViewDetails,
     onDelete,
@@ -252,6 +254,7 @@ export const CertificatesList: React.FunctionComponent<
                         }
                         size="small"
                         className={styles.action_icon_button}
+                        disabled={!isLoggedIn}
                       >
                         <DeleteIcon />
                       </IconButton>

diff --git a/src/components/certificates-list/styles/index.module.scss b/src/components/certificates-list/styles/index.module.scss
@@ -37,7 +37,7 @@
         margin-right: var(--pv-size-base-2);
       }
 
-      .action_icon_button {
+      .action_icon_button:not(:disabled) {
         color: var(--pv-color-gray-10);
       }
     }