fix: styling for progress bar override

Author: eshankvaish

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.2.30-beta-6",
+    "version": "0.2.30-beta-8",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -1,3 +1,5 @@
+@import 'react-toastify/dist/ReactToastify.css';
+
 .Toastify__toast-container {
     padding: 0;
     width: 280px;

src/Shared/Services/ToastManager/toastManager.scss

@@ -1,5 +1,4 @@
 import { toast, ToastContainer, ToastOptions } from 'react-toastify'
-import 'react-toastify/dist/ReactToastify.css'
 import { ToastProps, ToastVariantType } from './types'
 import { TOAST_BASE_CONFIG, TOAST_VARIANT_TO_CONFIG_MAP } from './constants'
 import { ToastContent } from './ToastContent'
@@ -98,13 +97,13 @@ class ToastManager {
                     <div className="dc__no-shrink flex dc__fill-available-space icon-dim-20">{customIcon ?? icon}</div>
                 ),
                 type,
+                progressStyle: {
+                    background: customProgressBarBg || progressBarBg,
+                },
                 // Show the progress bar if the auto close is disabled
                 ...(options.autoClose === false
                     ? {
                           progress: 1,
-                          progressStyle: {
-                              background: customProgressBarBg || progressBarBg,
-                          },
                       }
                     : {}),
             },