added database

Author: kartikpersistent

frontend/src/components/Content.tsx

@@ -929,7 +929,12 @@ const Content: React.FC<ContentProps> = ({
           <div className='connectionstatus__container'>
             <span className='h6 px-1'>Neo4j connection {isReadOnlyUser ? '(Read only Mode)' : ''}</span>
             <Typography variant='body-medium'>
-              <DatabaseStatusIcon isConnected={connectionStatus} isGdsActive={isGdsActive} uri={userCredentials?.uri} />
+              <DatabaseStatusIcon
+                isConnected={connectionStatus}
+                isGdsActive={isGdsActive}
+                uri={userCredentials?.uri}
+                database={userCredentials?.database}
+              />
               <div className='pt-1 flex! gap-1 items-center'>
                 <div>{!hasSelections ? <StatusIndicator type='danger' /> : <StatusIndicator type='success' />}</div>
                 <div>

frontend/src/components/UI/DatabaseStatusIcon.tsx

@@ -4,7 +4,7 @@ import { DatabaseStatusProps } from '../../types';
 import { connectionLabels } from '../../utils/Constants';
 import ScienceMoleculeIcon from '../UI/ScienceMolecule';
 
-const DatabaseStatusIcon: React.FC<DatabaseStatusProps> = ({ isConnected, isGdsActive, uri }) => {
+const DatabaseStatusIcon: React.FC<DatabaseStatusProps> = ({ isConnected, isGdsActive, uri, database = 'neo4j' }) => {
   const strokeColour = isConnected ? connectionLabels.greenStroke : connectionLabels.redStroke;
   const text = isGdsActive ? connectionLabels.graphDataScience : connectionLabels.graphDatabase;
   return (
@@ -18,7 +18,7 @@ const DatabaseStatusIcon: React.FC<DatabaseStatusProps> = ({ isConnected, isGdsA
           )}
         </span>
       </IconWithToolTip>
-      <span className='n-body-small ml-1'>{isConnected ? uri : connectionLabels.notConnected}</span>
+      <span className='n-body-small ml-1'>{isConnected ? `${uri} / ${database}` : connectionLabels.notConnected}</span>
     </div>
   );
 };

frontend/src/types.ts

@@ -799,6 +799,7 @@ export interface DatabaseStatusProps {
   isConnected: boolean;
   isGdsActive: boolean;
   uri?: string;
+  database?: string;
 }
 
 export type SourcesProps = {