read real 409 conflict

frontend/src/pages/projects/screens/spawner/SpawnerFooter.tsx

@@ -13,6 +13,7 @@ import {
   assembleSecret,
   createNotebook,
   createSecret,
+  K8sStatusError,
   mergePatchUpdateNotebook,
   updateNotebook,
 } from '~/api';
@@ -56,7 +57,7 @@ const SpawnerFooter: React.FC<SpawnerFooterProps> = ({
   dataConnection,
   canEnablePipelines,
 }) => {
-  const [errorMessage, setErrorMessage] = React.useState('');
+  const [error, setError] = React.useState<K8sStatusError>();
 
   const {
     dashboardConfig: {
@@ -123,17 +124,17 @@ const SpawnerFooter: React.FC<SpawnerFooterProps> = ({
     refreshAllProjectData();
     navigate(`/projects/${projectName}?section=${ProjectSectionID.WORKBENCHES}`);
   };
-  const handleError = (e: Error) => {
+  const handleError = (e: K8sStatusError) => {
     fireFormTrackingEvent('Workbench Created', {
       outcome: TrackingOutcome.submit,
       success: false,
       error: e.message,
     });
-    setErrorMessage(e.message || 'Error creating workbench');
+    setError(e);
     setCreateInProgress(false);
   };
   const handleStart = () => {
-    setErrorMessage('');
+    setError(undefined);
     setCreateInProgress(true);
   };
 
@@ -281,15 +282,15 @@ const SpawnerFooter: React.FC<SpawnerFooterProps> = ({
 
   return (
     <Stack hasGutter>
-      {errorMessage && (
+      {error && (
         <StackItem>
           <Alert
             isInline
             variant="danger"
             title="Error creating workbench"
             actionLinks={
               // If this is a 409 conflict error
-              errorMessage.includes('the object has been modified') ? (
+              error.statusObject.code === 409 ? (
                 <>
                   <AlertActionLink
                     onClick={() =>
@@ -309,7 +310,7 @@ const SpawnerFooter: React.FC<SpawnerFooterProps> = ({
               ) : undefined
             }
           >
-            {errorMessage}
+            {error.message}
           </Alert>
         </StackItem>
       )}