added skipAuth check (#1525)

Author: prakriti-solankey

frontend/src/components/Content.tsx

@@ -966,7 +966,7 @@ const Content: React.FC<ContentProps> = ({
             <ButtonWithToolTip
               placement='top'
               text={
-                !isAuthenticated
+                !isAuthenticated && !SKIP_AUTH
                   ? 'Please log in first'
                   : !connectionStatus
                     ? 'Please connect to Neo4j'
@@ -1049,7 +1049,7 @@ const Content: React.FC<ContentProps> = ({
           <Flex flexDirection='row' gap='4' className='self-end mb-2.5' flexWrap='wrap'>
             <SpotlightTarget id='generategraphbtn'>
               <ButtonWithToolTip
-                text={!isAuthenticated ? 'Please log in first' : tooltips.generateGraph}
+                text={!isAuthenticated && !SKIP_AUTH ? 'Please log in first' : tooltips.generateGraph}
                 placement='top'
                 label='generate graph'
                 onClick={onClickHandler}
@@ -1064,7 +1064,7 @@ const Content: React.FC<ContentProps> = ({
             </SpotlightTarget>
             <ButtonWithToolTip
               text={
-                !isAuthenticated
+                !isAuthenticated && !SKIP_AUTH
                   ? 'Please log in first'
                   : !selectedfileslength
                     ? 'Please select file to delete'

frontend/src/components/Layout/Header.tsx

@@ -1,5 +1,3 @@
-import Neo4jLogoBW from '../../logo.svg';
-import Neo4jLogoColor from '../../logo-color.svg';
 import {
   MoonIconOutline,
   SunIconOutline,
@@ -10,7 +8,7 @@ import {
   ArrowLeftIconOutline,
   ArrowDownTrayIconOutline,
 } from '@neo4j-ndl/react/icons';
-import { Button, SpotlightTarget, TextLink, Typography, useSpotlightContext } from '@neo4j-ndl/react';
+import { Button, SpotlightTarget, TextLink, Typography, useSpotlightContext, Logo } from '@neo4j-ndl/react';
 import { useCallback, useContext, useEffect, useRef, useState, useMemo } from 'react';
 import { IconButtonWithToolTip } from '../UI/IconButtonToolTip';
 import { buttonCaptions, SKIP_AUTH, tooltips } from '../../utils/Constants';
@@ -88,11 +86,7 @@ const Header: React.FC<HeaderProp> = ({ chatOnly, deleteOnClick, setOpenConnecti
         >
           <section className='flex w-1/3 shrink-0 grow-0 items-center min-w-[200px]'>
             <Typography variant='h1'>
-              <img
-                src={colorMode === 'dark' ? Neo4jLogoBW : Neo4jLogoColor}
-                className='h-8! min-h-8 min-w-8'
-                alt='Neo4j Logo'
-              />
+              <Logo className='h-6 min-h-6 min-w-12 md:h-8 md:min-h-12 md:min-w-24 md:mr-2' type='full' />
             </Typography>
           </section>
           {!chatOnly ? (