Adjusted onDisable function

Author: joshua-smee-ttd

src/web/components/ApiKeyManagement/KeyItem.tsx

@@ -17,14 +17,18 @@ type KeyItemProps = {
 function KeyItem({ apiKey: apiKeyInitial, onEdit, onDisable, availableRoles }: KeyItemProps) {
   const [apiKey, setApiKey] = useState<ApiKeyDTO>(apiKeyInitial);
 
+  if (apiKey.disabled) {
+    return <div />;
+  }
+
   return (
     <tr>
       <td>{apiKey.name}</td>
       <td>{apiKey.key_id}</td>
       <td>
         <ApiRolesCell apiRoles={apiKey.roles} />
       </td>
-      <td>{apiKey.disabled ? 'DISABLE' : formatUnixDate(apiKey.created)}</td>
+      <td>{formatUnixDate(apiKey.created)}</td>
       <td>
         <KeyEditDialog
           apiKey={apiKey}

src/web/screens/apiKeyManagement.tsx

@@ -57,15 +57,15 @@ function ApiKeyManagement() {
     }
   };
 
-  const onKeyDisable: OnApiKeyDisable = async (apikey, setApiKey) => {
+  const onKeyDisable: OnApiKeyDisable = async (apiKey, setApiKey) => {
     try {
-      await DisableApiKey(apikey);
+      await DisableApiKey(apiKey);
       setApiKey((oldApiKey) => {
         const newApiKey = { ...oldApiKey };
         newApiKey.disabled = true;
         return newApiKey;
       });
-      setStatusPopup({ message: 'Your key has been Disabled', type: 'Success' });
+      setStatusPopup({ message: 'Your key has been disabled', type: 'Success' });
       setShowStatusPopup(true);
     } catch (e) {
       handleErrorPopup(e, setStatusPopup, setShowStatusPopup);