Merge pull request #1546 from devtron-labs/feat/christmas-dt-logo

chore: add christmas logo 🎄

Author: AbhishekA1509

src/assets/icons/ic-login-dt-with-hat.svg

@@ -14,7 +14,9 @@ import { ReactComponent as SecurityIcon } from '../../../assets/icons/ic-nav-sec
 import { ReactComponent as BulkEditIcon } from '../../../assets/icons/ic-nav-code.svg'
 import { ReactComponent as GlobalConfigIcon } from '../../../assets/icons/ic-nav-gear.svg'
 import { ReactComponent as StackManagerIcon } from '../../../assets/icons/ic-nav-stack.svg'
-import NavSprite from '../../../assets/icons/navigation-sprite.svg'
+import { ReactComponent as ChristmasLogo } from '../../../assets/icons/ic-sidebar-dt-with-hat.svg'
+// TODO: Remove after New Year
+// import NavSprite from '../../../assets/icons/navigation-sprite.svg'
 import TextLogo from '../../../assets/icons/ic-nav-devtron.svg'
 import { Command, CommandErrorBoundary } from '../../command'
 import { ModuleStatus } from '../../v2/devtronStackManager/DevtronStackManager.type'
@@ -334,13 +336,15 @@ export default class Navigation extends Component<
                             }}
                         >
                             <div className="short-nav--flex">
-                                <svg
+                                {/* TODO: Uncomment after New Year */}
+                                {/* <svg
                                     className="devtron-logo"
                                     data-testid="click-on-devtron-app-logo"
                                     viewBox="0 0 40 40"
                                 >
                                     <use href={`${NavSprite}#nav-short-devtron-logo`}></use>
-                                </svg>
+                                </svg> */}
+                                <ChristmasLogo className="icon-dim-40" />
                                 <div className="pl-12">
                                     <img src={TextLogo} alt="devtron" className="devtron-logo devtron-logo--text" />
                                 </div>

src/assets/icons/ic-sidebar-dt-with-hat.svg

@@ -1,5 +1,6 @@
 import React, { Component } from 'react'
-import dt from '../../assets/icons/logo/logo-dt.svg'
+// TODO: Enable after New Year
+// import dt from '../../assets/icons/logo/logo-dt.svg'
 import LoginIcons from '../../assets/icons/LoginSprite.svg'
 import { Switch, Redirect, Route, NavLink } from 'react-router-dom'
 import { toast } from 'react-toastify'
@@ -8,6 +9,8 @@ import { URLS, DOCUMENTATION, TOKEN_COOKIE_NAME, PREVIEW_DEVTRON, PRIVACY_POLICY
 import { LoginProps, LoginFormState } from './login.types'
 import { getSSOConfigList, loginAsAdmin } from './login.service'
 import { dashboardAccessed } from '../../services/service'
+// TODO: remove after New Year
+import { ReactComponent as ChristmasLogo } from '../../assets/icons/ic-login-dt-with-hat.svg'
 import './login.scss'
 
 export default class Login extends Component<LoginProps, LoginFormState> {
@@ -138,7 +141,10 @@ export default class Login extends Component<LoginProps, LoginFormState> {
 
         return (
             <div className="login__control">
-                <img src={dt} alt="login" className="login__dt-logo" width="170px" height="120px" />
+                {/* <img src={dt} alt="login" className="login__dt-logo" width="170px" height="120px" /> */}
+                <div className="flex">
+                    <ChristmasLogo width={170} height={120} className="login__dt-logo"/>
+                </div>
                 <p className="login__text">Your tool for Rapid, Reliable & Repeatable deployments</p>
                 {this.state.loginList
                     .filter((sso) => sso.active)
@@ -172,7 +178,11 @@ export default class Login extends Component<LoginProps, LoginFormState> {
 
         return (
             <div className="login__control">
-                <img src={dt} alt="login" className="login__dt-logo" width="170px" height="120px" />
+                {/* TODO: Uncomment after New year */}
+                {/* <img src={dt} alt="login" className="login__dt-logo" width="170px" height="120px" /> */}
+                <div className="flex">
+                    <ChristmasLogo width={170} height={120} className="login__dt-logo"/>
+                </div>
                 <p className="login__text">Your tool for Rapid, Reliable & Repeatable deployments</p>
                 {/* @ts-ignore */}
                 <form className="login-dt__form" autoComplete="on" onSubmit={this.login}>