Dashboard links UUID (#553)

* Removing the old dashboard code

* one last line to clean

* commit for review and collab

* people enabled

* updating recently updated engagements dashboard item to utilize uuid instead of client/project combo for url

* updating tests

Co-authored-by: Spencer Stolworthy <[email protected]>

Author: philipdouble

src/components/dashboard/widgets/dw_last_updated_engagement.spec.tsx

@@ -1,7 +1,8 @@
-import React from 'react';
 import { fireEvent, render } from '@testing-library/react';
+
 import { DwLastUpdated } from './dw_last_updated_engagements';
 import { Engagement } from '../../../schemas/engagement';
+import React from 'react';
 
 describe('Dashboard Last Updated Engagements Widget', () => {
   test('is defined', () => {
@@ -29,8 +30,7 @@ describe('Dashboard Last Updated Engagements Widget', () => {
     );
     fireEvent.click(component.getByText(engagement.project_name));
     expect(spy).toHaveBeenCalledWith(
-      engagement.customer_name,
-      engagement.project_name
+      engagement.uuid
     );
   });
 });

src/components/dashboard/widgets/dw_last_updated_engagements.tsx

@@ -9,28 +9,30 @@ import {
   TextContent,
   TextVariants,
 } from '@patternfly/react-core';
-import {ReactComponent as HandshakeIcon} from '../../../assets/images/handshake-alt.svg';
 import { Table, TableBody, TableHeader } from '@patternfly/react-table';
-import { formatRelative } from 'date-fns';
-import React from 'react';
-import { Engagement } from '../../../schemas/engagement';
+
 import CustomRowWrapper from '../../../components/custom_row_wrapper/custom_row_wrapper';
+import { Engagement } from '../../../schemas/engagement';
+import {ReactComponent as HandshakeIcon} from '../../../assets/images/handshake-alt.svg';
+import React from 'react';
+import { formatRelative } from 'date-fns';
 
 export interface DwLastUpdatedProps {
   engagements: Partial<Engagement>[];
-  onClick?(customerName: string, projectName: string): void;
+  onClick?(uuid: string): void;
 }
 const columns = ['Customer Name', 'Name', 'Last Update'];
 export const DwLastUpdated = (props: DwLastUpdatedProps) => {
   const rows = props.engagements.map(e => {
+    console.log(e);
     let relativeDate = formatRelative(e.last_update, new Date());
     relativeDate = relativeDate.charAt(0).toUpperCase() + relativeDate.slice(1);
     return [
       e.customer_name,
       {
         title: (
           <Button
-            onClick={() => props.onClick?.(e.customer_name, e.project_name)}
+            onClick={() => props.onClick?.(e.uuid)}
             isInline
             variant={ButtonVariant.link}
           >

src/routes/dashboard/index.tsx

@@ -290,9 +290,9 @@ export function Dashboard() {
                   component={props => (
                     <DwLastUpdated
                       {...props}
-                      onClick={(customerName, projectName) => {
+                      onClick={(uuid) => {
                         history.push(
-                          `/app/engagements/${customerName}/${projectName}/`
+                          `/app/engagements/${uuid}`
                         );
                       }}
                     />