DBZ-7346: initial fixes (#828)

debezium · Jan 24, 2024 · c333dda · c333dda
1 parent b54b1c6
commit c333dda
Show file tree

Hide file tree

Showing 6 changed files with 336 additions and 178 deletions.
diff --git a/src/app/components/ConnectorStatusComponent.tsx b/src/app/components/ConnectorStatusComponent.tsx
@@ -5,6 +5,7 @@ import {
   ExclamationCircleIcon,
   ExclamationTriangleIcon,
   PauseCircleIcon,
+  SyncAltIcon,
 } from "@patternfly/react-icons";
 import React from "react";
 import './ConnectorStatusComponent.css'
@@ -33,7 +34,7 @@ export const ConnectorStatusComponent: React.FC<
     case "RUNNING":
       labelColor = "green";
       variant = "success";
-      icon = <CheckCircleIcon />;
+      icon = <SyncAltIcon />;
       break;
     case "STOPPED":
       labelColor = "orange";
@@ -60,7 +61,7 @@ export const ConnectorStatusComponent: React.FC<
   if (task)
     return (
       <HelperText className="connector-status_task-status-text">
-        <HelperTextItem variant={variant} hasIcon>
+        <HelperTextItem variant={variant} icon={icon}>
           {status}
         </HelperTextItem>
       </HelperText>

diff --git a/src/app/pages/connector/ConnectorPage.tsx b/src/app/pages/connector/ConnectorPage.tsx
@@ -14,6 +14,7 @@ import {
   OverflowMenuGroup,
   OverflowMenuItem,
   PageSection,
+  Spinner,
   Text,
   TextContent,
   Toolbar,
@@ -140,7 +141,13 @@ const ConnectorPage: React.FunctionComponent = () => {
     <>
       {(connectorsInfoLoading || connectorsStatusLoading) &&
       (isNull(connectorsInfo) || isNull(connectorsStatus)) ? (
-        <p>Loading...</p>
+        <EmptyState>
+          <EmptyStateHeader
+            titleText="Loading"
+            headingLevel="h4"
+            icon={<EmptyStateIcon icon={Spinner} />}
+          />
+        </EmptyState>
       ) : isEmpty(connectorsInfo) || isEmpty(connectorsStatus) ? (
         <>
           <EmptyState variant={EmptyStateVariant.lg}>
@@ -162,7 +169,9 @@ const ConnectorPage: React.FunctionComponent = () => {
               </TextContent>
             </EmptyStateBody>
             <EmptyStateFooter>
-              <Button variant="primary" onClick={createConnectorPage}>Create connector</Button>
+              <Button variant="primary" onClick={createConnectorPage}>
+                Create connector
+              </Button>
             </EmptyStateFooter>
           </EmptyState>
         </>