From e62dd5b50bb8d0ba87337ddef0f63233e4a1ee45 Mon Sep 17 00:00:00 2001
From: Austen Money <austen.money@gmail.com>
Date: Fri, 23 Aug 2024 13:47:22 -0400
Subject: [PATCH] implement review changes

---
 ...ssage.tsx => WorkspaceLaunchSuccessToast.tsx} | 16 ++++------------
 .../app/static/js/components/workspaces/hooks.ts |  4 ++--
 2 files changed, 6 insertions(+), 14 deletions(-)
 rename context/app/static/js/components/workspaces/{WorkspaceToastSuccessMessage.tsx => WorkspaceLaunchSuccessToast.tsx} (54%)

diff --git a/context/app/static/js/components/workspaces/WorkspaceToastSuccessMessage.tsx b/context/app/static/js/components/workspaces/WorkspaceLaunchSuccessToast.tsx
similarity index 54%
rename from context/app/static/js/components/workspaces/WorkspaceToastSuccessMessage.tsx
rename to context/app/static/js/components/workspaces/WorkspaceLaunchSuccessToast.tsx
index e66f405425..296da1bb92 100644
--- a/context/app/static/js/components/workspaces/WorkspaceToastSuccessMessage.tsx
+++ b/context/app/static/js/components/workspaces/WorkspaceLaunchSuccessToast.tsx
@@ -3,7 +3,7 @@ import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
 import Button from '@mui/material/Button';
 
-function WorkspaceToastSuccessMessage(id: number) {
+function WorkspaceLaunchSuccessToast(id: number) {
   return (
     <Stack sx={{ maxWidth: '22rem' }}>
       <Typography>
@@ -11,20 +11,12 @@ function WorkspaceToastSuccessMessage(id: number) {
         settings and relaunch your workspace.
       </Typography>
       <Stack direction="row" justifyContent="flex-end" marginTop={1}>
-        <Button
-          href={`/workspaces/${id}`}
-          variant="contained"
-          sx={{
-            backgroundColor: 'transparent',
-            boxShadow: 'none',
-            ':hover': { backgroundColor: 'transparent', boxShadow: 'none' },
-          }}
-        >
-          <Typography variant="button">View Workspace Detail Page</Typography>
+        <Button href={`/workspaces/${id}`} variant="text" color="inherit">
+          View Workspace Detail Page
         </Button>
       </Stack>
     </Stack>
   );
 }
 
-export default WorkspaceToastSuccessMessage;
+export default WorkspaceLaunchSuccessToast;
diff --git a/context/app/static/js/components/workspaces/hooks.ts b/context/app/static/js/components/workspaces/hooks.ts
index aa81cc30da..33d3d37e7f 100644
--- a/context/app/static/js/components/workspaces/hooks.ts
+++ b/context/app/static/js/components/workspaces/hooks.ts
@@ -29,7 +29,7 @@ import {
 } from './api';
 import { MergedWorkspace, Workspace, CreateTemplatesResponse } from './types';
 import { useWorkspaceTemplates } from './NewWorkspaceDialog/hooks';
-import WorkspaceToastSuccessMessage from './WorkspaceToastSuccessMessage';
+import WorkspaceLaunchSuccessToast from './WorkspaceLaunchSuccessToast';
 
 interface UseWorkspacesListTypes<T> {
   workspaces: Workspace[];
@@ -274,7 +274,7 @@ export function useCreateAndLaunchWorkspace() {
         return;
       }
 
-      toastSuccess(WorkspaceToastSuccessMessage(workspace.id));
+      toastSuccess(WorkspaceLaunchSuccessToast(workspace.id));
 
       try {
         await startNewWorkspace({ workspace, jobTypeId: body.default_job_type, templatePath });