Austenem/CAT-767 update workspace toast

CHANGELOG-update-workspace-toast.md

@@ -0,0 +1 @@
+- Update language and add an action button to toasts for successful workspace creation.

context/app/static/js/components/workspaces/WorkspaceLaunchSuccessToast.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+import Button from '@mui/material/Button';
+
+function WorkspaceLaunchSuccessToast(id: number) {
+  return (
+    <Stack spacing={1} sx={{ maxWidth: '22rem' }}>
+      <Typography>
+        Workspace successfully launched in a new tab. If the tab didn&apos;t open, please check your pop-up blocker
+        settings and relaunch your workspace.
+      </Typography>
+      <Button href={`/workspaces/${id}`} variant="text" color="inherit" sx={{ alignSelf: 'flex-end' }}>
+        View Workspace Detail Page
+      </Button>
+    </Stack>
+  );
+}
+
+export default WorkspaceLaunchSuccessToast;

context/app/static/js/components/workspaces/hooks.ts

@@ -1,5 +1,6 @@
 import { useCallback, useMemo } from 'react';
 import { KeyedMutator, useSWRConfig } from 'swr';
+
 import { useSnackbarActions } from 'js/shared-styles/snackbars';
 import { useLaunchWorkspaceStore } from 'js/stores/useWorkspaceModalStore';
 import { useAppContext } from 'js/components/Contexts';
@@ -28,6 +29,7 @@ import {
 } from './api';
 import { MergedWorkspace, Workspace, CreateTemplatesResponse } from './types';
 import { useWorkspaceTemplates } from './NewWorkspaceDialog/hooks';
+import WorkspaceLaunchSuccessToast from './WorkspaceLaunchSuccessToast';
 
 interface UseWorkspacesListTypes<T> {
   workspaces: Workspace[];
@@ -271,7 +273,8 @@ export function useCreateAndLaunchWorkspace() {
         toastError('Failed to create workspace.');
         return;
       }
-      toastSuccess('Workspace successfully created.');
+
+      toastSuccess(WorkspaceLaunchSuccessToast(workspace.id));
 
       try {
         await startNewWorkspace({ workspace, jobTypeId: body.default_job_type, templatePath });