From efa213233bf83155d4ff0127ad65ca942e753edc Mon Sep 17 00:00:00 2001
From: Drikus Roor <drikusroor@gmail.com>
Date: Tue, 7 Jan 2025 16:40:19 +0100
Subject: [PATCH] feat: update toast message level to success and enhance
 styling for improved user feedback

---
 .../form/experiment-form/src/components/ExperimentForm.tsx  | 6 +-----
 .../templates/form/experiment-form/src/components/Toast.tsx | 1 +
 2 files changed, 2 insertions(+), 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
index 18099683d..bcc08c00b 100644
--- 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
index b9fc04f73..5a0231a67 100644
--- 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];