diff --git a/workspaces/frontend/src/app/pages/Workspaces/ExpandedWorkspaceRow.tsx b/workspaces/frontend/src/app/pages/Workspaces/ExpandedWorkspaceRow.tsx index 7131f3d6..3e47f9c2 100644 --- a/workspaces/frontend/src/app/pages/Workspaces/ExpandedWorkspaceRow.tsx +++ b/workspaces/frontend/src/app/pages/Workspaces/ExpandedWorkspaceRow.tsx @@ -2,6 +2,8 @@ import * as React from 'react'; import { ExpandableRowContent, Td, Tr } from '@patternfly/react-table'; import { Workspace, WorkspacesColumnNames } from '~/shared/types'; import { DataVolumesList } from '~/app/pages/Workspaces/DataVolumesList'; +import { WorkspaceEndpoints } from '~/app/pages/Workspaces/WorkspaceEndpoints'; + interface ExpandedWorkspaceRowProps { workspace: Workspace; @@ -23,6 +25,14 @@ export const ExpandedWorkspaceRow: React.FC = ({ ); + case 'kind': + return ( + + + + + + ); default: return ; } diff --git a/workspaces/frontend/src/app/pages/Workspaces/WorkspaceEndpoints.tsx b/workspaces/frontend/src/app/pages/Workspaces/WorkspaceEndpoints.tsx new file mode 100644 index 00000000..5224e0a2 --- /dev/null +++ b/workspaces/frontend/src/app/pages/Workspaces/WorkspaceEndpoints.tsx @@ -0,0 +1,31 @@ +import * as React from 'react'; +import { + List, + ListItem, + Stack, + StackItem, +} from '@patternfly/react-core'; + + +type WorkspaceEndpointsProps = { + endpoints: string[]; +}; + +export const WorkspaceEndpoints: React.FC = ({ endpoints }) => { + return ( + + + Endpoints + + + + {endpoints.map((endpoint) => ( + + {endpoint} + + ))} + + + + ) +}; diff --git a/workspaces/frontend/src/app/pages/Workspaces/Workspaces.tsx b/workspaces/frontend/src/app/pages/Workspaces/Workspaces.tsx index 031e5da1..f86a7d0f 100644 --- a/workspaces/frontend/src/app/pages/Workspaces/Workspaces.tsx +++ b/workspaces/frontend/src/app/pages/Workspaces/Workspaces.tsx @@ -95,6 +95,7 @@ export const Workspaces: React.FunctionComponent = () => { state: WorkspaceState.Paused, stateMessage: 'It is paused.', }, + endpoints: ['endpoint1', 'endpoint2'], }, { name: 'My Other Jupyter Notebook', @@ -140,6 +141,7 @@ export const Workspaces: React.FunctionComponent = () => { state: WorkspaceState.Running, stateMessage: 'It is running.', }, + endpoints: ['endpoint3', 'endpoint4'], }, ]; diff --git a/workspaces/frontend/src/shared/types.ts b/workspaces/frontend/src/shared/types.ts index 577c371b..a351a772 100644 --- a/workspaces/frontend/src/shared/types.ts +++ b/workspaces/frontend/src/shared/types.ts @@ -73,6 +73,7 @@ export interface Workspace { podConfig: string; }; status: WorkspaceStatus; + endpoints: string[]; } export type WorkspacesColumnNames = {