Merge pull request #2690 from devtron-labs/feat/login-image-cm

feat: login image cm

Author: arunjaindev

.env

@@ -65,3 +65,4 @@ FEATURE_CODE_MIRROR_ENABLE=true
 FEATURE_DEFAULT_AUTHENTICATED_VIEW_ENABLE=false
 GATEKEEPER_URL=https://license.devtron.ai/dashboard
 FEATURE_AI_INTEGRATION_ENABLE=false
+LOGIN_PAGE_IMAGE=

config.md

@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "1.12.0-pre-6",
+        "@devtron-labs/devtron-fe-common-lib": "1.12.0-pre-7",
         "@esbuild-plugins/node-globals-polyfill": "0.2.3",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",

package.json

@@ -181,7 +181,16 @@ const Login = () => {
     return (
         <div className="full-height-width login dc__grid-half bg__secondary">
             <div className="flexbox p-12">
-                <LoginBanner />
+                {window._env_.LOGIN_PAGE_IMAGE ? (
+                    <div
+                        style={{
+                            backgroundImage: `url(${window._env_.LOGIN_PAGE_IMAGE})`,
+                        }}
+                        className="login-image-container flex br-12 border__primary bg__primary h-100 w-100"
+                    />
+                ) : (
+                    <LoginBanner />
+                )}
             </div>
             <div className="flex">
                 <div className="login-card__wrapper dc__overflow-hidden br-12 mw-420 bg__primary dc__border">

src/components/login/Login.tsx

@@ -26,6 +26,12 @@
             color: var(--N900)
         }
     }
+
+    .login-image-container {
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+    }
 }
 
 // SSO login & GitOps configuration css

src/components/login/login.scss

@@ -168,6 +168,7 @@ if (!window || !window._env_) {
         FEATURE_DEFAULT_AUTHENTICATED_VIEW_ENABLE: false,
         GATEKEEPER_URL: 'https://license.devtron.ai/dashboard',
         FEATURE_AI_INTEGRATION_ENABLE: false,
+        LOGIN_PAGE_IMAGE: '',
     }
 }
 

src/index.tsx

@@ -1126,10 +1126,10 @@
   dependencies:
     "@jridgewell/trace-mapping" "0.3.9"
 
-"@devtron-labs/[email protected]6":
-  version "1.12.0-pre-6"
-  resolved "https://registry.yarnpkg.com/@devtron-labs/devtron-fe-common-lib/-/devtron-fe-common-lib-1.12.0-pre-6.tgz#a168abd1d1ebbe4824b5d57ff20edf3f2826a317"
-  integrity sha512-98oEJma9bx+ALNjpwOnNrGCm0DIQryEd9QXfrKMDrM017jKz5XG97tOGBGcpF+XFH9oQZQacGepdEXdQ7bRN3Q==
+"@devtron-labs/[email protected]7":
+  version "1.12.0-pre-7"
+  resolved "https://registry.yarnpkg.com/@devtron-labs/devtron-fe-common-lib/-/devtron-fe-common-lib-1.12.0-pre-7.tgz#50bedcb413f0cd5057618e8168fab31bdf9de2d5"
+  integrity sha512-uhe9VMjGHFpfbHJjxaUEVmWL2fugHISVuKVvMLvR3yLboR71hP3rx+uKqLZN+bqhljzEGm6gw2Wjsjbj2q3MFg==
   dependencies:
     "@codemirror/lang-json" "6.0.1"
     "@codemirror/lang-yaml" "6.1.2"