feat: Workshop calendar view (#1981)

* feat: Workshop calendar view
redhat-cop · Jun 27, 2024 · 4b977af · 4b977af
1 parent 50ea4d6
commit 4b977af
Show file tree

Hide file tree

Showing 106 changed files with 1,433 additions and 1,046 deletions.
diff --git a/catalog/ui/package-lock.json b/catalog/ui/package-lock.json
diff --git a/catalog/ui/package.json b/catalog/ui/package.json
@@ -93,8 +93,10 @@
     "json2csv": "^5.0.7",
     "lexical": "^0.11.1",
     "lodash.throttle": "^4.1.1",
+    "moment": "^2.30.1",
     "parse-duration": "^1.1.0",
     "react": "^18.2.0",
+    "react-big-calendar": "^1.13.0",
     "react-dom": "^18.3.1",
     "react-error-boundary": "^3.1.4",
     "react-redux": "^8.1.3",

diff --git a/catalog/ui/src/app/Admin/AnarchyActionInstance.tsx b/catalog/ui/src/app/Admin/AnarchyActionInstance.tsx
@@ -68,7 +68,7 @@ const AnarchyActionInstanceComponent: React.FC<{ anarchyActionName: string; name
         if (!compareK8sObjectsArr(currentData.items, newData.items)) return false;
         return true;
       },
-    }
+    },
   );
 
   const anarchyRuns = useMemo(() => anarchyRunsList.items, [anarchyRunsList]);
@@ -120,8 +120,8 @@ const AnarchyActionInstanceComponent: React.FC<{ anarchyActionName: string; name
                     window.open(
                       `${consoleUrl}/k8s/ns/${anarchyAction.metadata.namespace}/${anarchyAction.apiVersion.replace(
                         '/',
-                        '~'
-                      )}~${anarchyAction.kind}/${anarchyAction.metadata.name}/yaml`
+                        '~',
+                      )}~${anarchyAction.kind}/${anarchyAction.metadata.name}/yaml`,
                     )
                   }
                 />,
@@ -132,8 +132,8 @@ const AnarchyActionInstanceComponent: React.FC<{ anarchyActionName: string; name
                     window.open(
                       `${consoleUrl}/k8s/ns/${anarchyAction.metadata.namespace}/${anarchyAction.apiVersion.replace(
                         '/',
-                        '~'
-                      )}~${anarchyAction.kind}/${anarchyAction.metadata.name}`
+                        '~',
+                      )}~${anarchyAction.kind}/${anarchyAction.metadata.name}`,
                     )
                   }
                 />,

diff --git a/catalog/ui/src/app/Admin/AnarchyActionSelect.tsx b/catalog/ui/src/app/Admin/AnarchyActionSelect.tsx
@@ -1,9 +1,5 @@
 import React, { useState } from 'react';
-import {
-	Select,
-	SelectOption,
-	SelectVariant
-} from '@patternfly/react-core/deprecated';
+import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
 
 const AnarchyActionSelect: React.FC<{
   action: string;

diff --git a/catalog/ui/src/app/Admin/AnarchyActions.tsx b/catalog/ui/src/app/Admin/AnarchyActions.tsx
@@ -8,7 +8,8 @@ import {
   PageSectionVariants,
   Split,
   SplitItem,
-  Title, EmptyStateHeader,
+  Title,
+  EmptyStateHeader,
 } from '@patternfly/react-core';
 import ExclamationTriangleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
 import { apiPaths, deleteAnarchyAction, fetcher } from '@app/api';
@@ -223,7 +224,11 @@ const AnarchyActions: React.FC = () => {
       {anarchyActions.length === 0 ? (
         <PageSection>
           <EmptyState variant="full">
-            <EmptyStateHeader titleText="No AnarchyActions found" icon={<EmptyStateIcon icon={ExclamationTriangleIcon} />} headingLevel="h1" />
+            <EmptyStateHeader
+              titleText="No AnarchyActions found"
+              icon={<EmptyStateIcon icon={ExclamationTriangleIcon} />}
+              headingLevel="h1"
+            />
           </EmptyState>
         </PageSection>
       ) : (
@@ -306,7 +311,8 @@ const AnarchyActions: React.FC = () => {
           />
           {!isReachingEnd ? (
             <EmptyState variant="full">
-              <EmptyStateHeader icon={<EmptyStateIcon icon={LoadingIcon} />} /></EmptyState>
+              <EmptyStateHeader icon={<EmptyStateIcon icon={LoadingIcon} />} />
+            </EmptyState>
           ) : null}
         </PageSection>
       )}

diff --git a/catalog/ui/src/app/Admin/AnarchyActionsTable.tsx b/catalog/ui/src/app/Admin/AnarchyActionsTable.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
-import { EmptyState, EmptyStateIcon, EmptyStateHeader,  } from '@patternfly/react-core';
+import { EmptyState, EmptyStateIcon, EmptyStateHeader } from '@patternfly/react-core';
 import ExclamationTriangleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
 import { AnarchyAction } from '@app/types';
 import LocalTimestamp from '@app/components/LocalTimestamp';
@@ -16,7 +16,11 @@ const AnarchyActionsTable: React.FC<{
   if (anarchyActions.length === 0) {
     return (
       <EmptyState variant="full">
-        <EmptyStateHeader titleText="No AnarchyActions found." icon={<EmptyStateIcon icon={ExclamationTriangleIcon} />} headingLevel="h1" />
+        <EmptyStateHeader
+          titleText="No AnarchyActions found."
+          icon={<EmptyStateIcon icon={ExclamationTriangleIcon} />}
+          headingLevel="h1"
+        />
       </EmptyState>
     );
   }