From 06604b9843659a7cf308149c8f21d71622b7db27 Mon Sep 17 00:00:00 2001
From: Laszlo Fogas <laszlo@gimlet.io>
Date: Thu, 3 Oct 2024 09:07:32 +0200
Subject: [PATCH] Quick link to deploy

---
 web/src/app.css                       | 48 ---------------------------
 web/src/popUpWindow.jsx               |  2 +-
 web/src/views/envConfig/envConfig.jsx |  6 ++--
 3 files changed, 4 insertions(+), 52 deletions(-)

diff --git a/web/src/app.css b/web/src/app.css
index ab2a9c8ba..c58f9ae2a 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -81,51 +81,3 @@
 :root:has(.no-doc-scroll) {
   overflow:hidden;
 }
-
-:root {
-    --toastify-color-light: #fff;
-    --toastify-color-dark: #121212;
-    --toastify-color-info: #3498db;
-    --toastify-color-success: #5eead4;
-    --toastify-color-warning: #f1c40f;
-    --toastify-color-error: #e74c3c;
-    --toastify-color-transparent: rgba(32, 2, 2, 0.7);
-
-    --toastify-icon-color-info: var(--toastify-color-info);
-    --toastify-icon-color-success: var(--toastify-color-success);
-    --toastify-icon-color-warning: var(--toastify-color-warning);
-    --toastify-icon-color-error: var(--toastify-color-error);
-
-    --toastify-toast-width: 320px;
-    --toastify-toast-background: #fff;
-    --toastify-toast-min-height: 64px;
-    --toastify-toast-max-height: 800px;
-    --toastify-font-family: sans-serif;
-    --toastify-z-index: 9999;
-
-    --toastify-text-color-light: #757575;
-    --toastify-text-color-dark: #fff;
-
-    /* //Used only for colored theme */
-    --toastify-text-color-info: #fff;
-    --toastify-text-color-success: #fff;
-    --toastify-text-color-warning: #fff;
-    --toastify-text-color-error: #fff;
-
-    --toastify-spinner-color: #616161;
-    --toastify-spinner-color-empty-area: #e0e0e0;
-
-    /* // Used when no type is provided */
-    /* // toast("**hello**") */
-    --toastify-color-progress-light: var(--toastify-color-success);
-
-    /* // Used when no type is provided */
-    --toastify-color-progress-dark: #bb86fc;
-    --toastify-color-progress-info: var(--toastify-color-info);
-    --toastify-color-progress-success: var(--toastify-color-success);
-    --toastify-color-progress-warning: var(--toastify-color-warning);
-    --toastify-color-progress-error: var(--toastify-color-error);
-
-    /* // used to control the opacity of the progress trail */
-    --toastify-color-progress-bgo: .2;
-}
diff --git a/web/src/popUpWindow.jsx b/web/src/popUpWindow.jsx
index bf9c0fd1f..a43e93dc3 100644
--- a/web/src/popUpWindow.jsx
+++ b/web/src/popUpWindow.jsx
@@ -98,7 +98,7 @@ export function Success(props) {
       <div className="ml-3">
         <h3 className="text-sm font-semibold text-green-800">{props.header}</h3>
         <div className="mt-2 text-sm text-green-700">
-          <p>{props.message}</p>
+          <div>{props.message}</div>
           <a
             href={props.link}
             rel="noreferrer"
diff --git a/web/src/views/envConfig/envConfig.jsx b/web/src/views/envConfig/envConfig.jsx
index 01058ccd4..6ddcbc27b 100644
--- a/web/src/views/envConfig/envConfig.jsx
+++ b/web/src/views/envConfig/envConfig.jsx
@@ -220,7 +220,7 @@ export function EnvConfig(props) {
     gimletClient.saveEnvConfig(owner, repo, env, encodeURIComponent(config), configFile)
       .then((data) => {
         toast.update(progressToastId.current, {
-          render: <Success header="Configuration Saved" link={data.link}/>,
+          render: <Success header="Configuration Saved" message={<div className='pb-4'>Deploy it on <span className='underline cursor-pointer' onClick={()=>navigate(`/repo/${owner}/${repo}/commits`)}>Commits view</span></div>} link={data.link}/>,
           className: "bg-green-50 shadow-lg p-2",
           bodyClassName: "p-2",
           // progressClassName: "bg-red-200",
@@ -238,8 +238,8 @@ export function EnvConfig(props) {
           render: <Error header="Error" message={err.data?.message ?? err.statusText}/>,
           className: "bg-red-50 shadow-lg p-2",
           bodyClassName: "p-2",
-          progressClassName: "bg-red-200",
-          autoClose: 5000
+          progressClassName: "!bg-red-200",
+          autoClose: 30000
         });
       })
   }