TP-24975 | Bug Fixes

setup.template.js

@@ -4,4 +4,5 @@ window.config = {
   ENVIRONMENT: '<ENVIRONMENT>',
   BASE_API_URL: '<BASE_API_URL>',
   CSP_HEADER: '<CSP_HEADER>',
+  DISABLE_UNIVERSAL_AUTH: '<DISABLE_UNIVERSAL_AUTH>'
 };

src/Pages/Dashboard/partials/DashboardHeader.module.scss

@@ -68,6 +68,10 @@
   gap: 12px;
 }
 
+.icon {
+  transform: rotateX(180deg);
+}
+
 :export {
   filterSelectedIndicated: var(--navi-color-blue-base);
 }

src/Pages/Dashboard/partials/DashboardHeader.tsx

@@ -30,7 +30,7 @@ const DashboardHeader: FC<DashboardHeaderProps> = ({ fetchSessionData }) => {
           className={styles['severity-detail']}
           onClick={() => setDrawerState(true)}
         >
-          <AlertOutlineIcon />
+          <AlertOutlineIcon className={styles.icon} />
           <Typography variant="p4">More Info About Severity</Typography>
         </div>
       </div>

src/Pages/Team/Team.module.scss

@@ -62,3 +62,8 @@
   align-items: center;
   margin-top: 12px;
 }
+
+.vertical-line {
+  transform: rotateX(180deg);
+  border: 1px solid #e8e8e8;
+}

src/Pages/Team/partials/TeamForm.tsx

@@ -89,11 +89,12 @@ const TeamForm = (props: TeamFormProps) => {
                 variant="p3"
                 className={styles['team-deatils-wrapper']}
               >
-                --
+                -
               </Typography>
             )}
           </div>
         </div>
+        <hr className={styles['vertical-line']} />
         <div className={styles['content-wrapper']}>
           <div className={styles['custom-borderd-input']}>
             <BorderedInput
@@ -104,18 +105,18 @@ const TeamForm = (props: TeamFormProps) => {
               fullWidth
             />
           </div>
+          <div className={styles['update-team-btn-wrapper']}>
+            <Button
+              fullWidth
+              variant="primary"
+              onClick={submitHandler}
+              className={styles['update-team-btn']}
+            >
+              Update team details
+            </Button>
+          </div>
         </div>
       </div>
-      <div className={styles['update-team-btn-wrapper']}>
-        <Button
-          fullWidth
-          variant="primary"
-          onClick={submitHandler}
-          className={styles['update-team-btn']}
-        >
-          Update team details
-        </Button>
-      </div>
     </>
   );
 };

src/components/LeftNav/index.tsx

@@ -7,6 +7,7 @@ import DashboardIcon from '@navi/web-ui/lib/icons/DashboardIcon/DashboardIcon';
 import ThreeDotVerticalIcon from '@navi/web-ui/lib/icons/ThreeDotVerticalIcon';
 import { NavItemType } from '@navi/web-ui/lib/components/Navbar/types';
 import { Typography } from '@navi/web-ui/lib/primitives';
+import { toast } from '@navi/web-ui/lib/primitives/Toast';
 
 import NavLogoPlaceholder from '@src/assets/NavLogoPlaceholder';
 
@@ -60,7 +61,7 @@ const LeftNav: React.FC<LeftNavProps> = ({ children }) => {
     },
   ];
 
-  const returnUserData = (): string => {
+  const returnUserData = () => {
     if (userDetails?.length) {
       try {
         const parsedUserData = JSON.parse(userDetails);
@@ -68,8 +69,19 @@ const LeftNav: React.FC<LeftNavProps> = ({ children }) => {
       } catch (error) {
         console.log(error);
       }
+    } else if (window.config.ENVIRONMENT === 'production') {
+      if (window.config.DISABLE_UNIVERSAL_AUTH === 'true') {
+        toast.error(
+          `You don't have permission to access, Please try with another account.`,
+        );
+        localStorage.removeItem('react-token');
+        setTimeout(() => {
+          window.location.reload();
+        }, 2000);
+      } else {
+        return 'User';
+      }
     }
-    return 'User';
   };
 
   const footerDetails = {

src/types/index.d.ts

@@ -5,6 +5,7 @@ interface AppConfig {
   AUTH_CLIENT_ID: string;
   ENVIRONMENT: string;
   BASE_API_URL: string;
+  DISABLE_UNIVERSAL_AUTH: string;
 }
 
 declare global {