Quick link to deploy

gimlet-io · Oct 3, 2024 · 06604b9 · 06604b9
1 parent 64e76c8
commit 06604b9
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 52 deletions.
diff --git 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
@@ -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
@@ -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
         });
       })
   }