feat: update toast message level to success and enhance styling for i…

…mproved user feedback
Amsterdam-Music-Lab · Jan 7, 2025 · efa2132 · efa2132
1 parent 1ddb626
commit efa2132
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/backend/experiment/templates/form/experiment-form/src/components/ExperimentForm.tsx b/backend/experiment/templates/form/experiment-form/src/components/ExperimentForm.tsx
@@ -92,7 +92,7 @@ const ExperimentForm: React.FC<ExperimentFormProps> = () => {
       addToast({
         message: "Experiment saved successfully!",
         duration: 3000,
-        level: "info"
+        level: "success"
       });
     } catch (err) {
       addToast({
@@ -161,10 +161,6 @@ const ExperimentForm: React.FC<ExperimentFormProps> = () => {
       </Button>
 
       <form onSubmit={handleSubmit} className="bg-white shadow-md rounded p-5 space-y-5 max-w-5xl">
-        {error && <div className="text-red-600 mb-4">{error}</div>}
-        {success && <div className="text-green-600 mb-4">Saved successfully!</div>}
-        {saveError && <div className="text-red-600 mb-4">{saveError}</div>}
-
         <div className="space-y-5">
           <FormField label="Slug">
             <Input

diff --git a/backend/experiment/templates/form/experiment-form/src/components/Toast.tsx b/backend/experiment/templates/form/experiment-form/src/components/Toast.tsx
@@ -7,6 +7,7 @@ interface ToastProps {
 export const Toast: React.FC<ToastProps> = ({ toast }) => {
   const bgColorClass = {
     info: 'bg-gray-800',
+    success: 'bg-green-600',
     warning: 'bg-yellow-600',
     error: 'bg-red-600'
   }[toast.level];