test

Author: prakriti-solankey

frontend/src/components/ChatBot/ChunkInfo.tsx

@@ -21,7 +21,7 @@ const ChunkInfo: FC<ChunkProps> = ({ loading, chunks, mode }) => {
   const [neoRels, setNeoRels] = useState<any[]>([]);
   const [openGraphView, setOpenGraphView] = useState(false);
   const [viewPoint, setViewPoint] = useState('');
-  const [_, setLoadingGraphView] = useState(false);
+  const [loadingGraphView, setLoadingGraphView] = useState(false);
 
   const handleChunkClick = (elementId: string, viewMode: string) => {
     handleGraphNodeClick(
@@ -73,7 +73,7 @@ const ChunkInfo: FC<ChunkProps> = ({ loading, chunks, mode }) => {
                       <TextLink
                        as='medium'
                         label='Graph view'
-                        className='cursor-pointer'
+                        className={`${loadingGraphView ? 'cursor-wait' : 'cursor-pointer'}`}
                         onClick={() => handleChunkClick(chunk.element_id, 'Chunk')}
                       >{'Graph'}
                       </TextLink>
@@ -100,7 +100,7 @@ const ChunkInfo: FC<ChunkProps> = ({ loading, chunks, mode }) => {
                           <div>
                             <TextLink
                              as='medium'
-                              className='cursor-pointer'
+                             className={`${loadingGraphView ? 'cursor-wait' : 'cursor-pointer'}`}
                               label='Graph view'
                               onClick={() => handleChunkClick(chunk.element_id, 'Chunk')}
                             >{'Graph'}
@@ -123,7 +123,7 @@ const ChunkInfo: FC<ChunkProps> = ({ loading, chunks, mode }) => {
                           <div>
                             <TextLink
                              as='medium'
-                              className='cursor-pointer'
+                             className={`${loadingGraphView ? 'cursor-wait' : 'cursor-pointer'}`}
                               label='Graph view'
                               onClick={() => handleChunkClick(chunk.element_id, 'Chunk')}
                             >{'Graph'}
@@ -146,7 +146,7 @@ const ChunkInfo: FC<ChunkProps> = ({ loading, chunks, mode }) => {
                           <div>
                             <TextLink
                              as='medium'
-                              className='cursor-pointer'
+                             className={`${loadingGraphView ? 'cursor-wait' : 'cursor-pointer'}`}
                               label='Graph view'
                               onClick={() => handleChunkClick(chunk.element_id, 'Chunk')}
                             >{'Graph'}
@@ -169,7 +169,7 @@ const ChunkInfo: FC<ChunkProps> = ({ loading, chunks, mode }) => {
                           <div>
                             <TextLink
                              as='medium'
-                              className='cursor-pointer'
+                             className={`${loadingGraphView ? 'cursor-wait' : 'cursor-pointer'}`}
                               label='Graph view'
                               onClick={() => handleChunkClick(chunk.element_id, 'Chunk')}
                             >{'Graph'}
@@ -196,7 +196,7 @@ const ChunkInfo: FC<ChunkProps> = ({ loading, chunks, mode }) => {
                           <div>
                             <TextLink
                              as='medium'
-                              className='cursor-pointer'
+                             className={`${loadingGraphView ? 'cursor-wait' : 'cursor-pointer'}`}
                               label='Graph view'
                               onClick={() => handleChunkClick(chunk.element_id, 'Chunk')}
                             >{'Graph'}
@@ -228,7 +228,7 @@ const ChunkInfo: FC<ChunkProps> = ({ loading, chunks, mode }) => {
                         <div>
                           <TextLink
                            as='medium'
-                            className='cursor-pointer'
+                           className={`${loadingGraphView ? 'cursor-wait' : 'cursor-pointer'}`}
                             label='Graph view'
                             onClick={() => handleChunkClick(chunk.element_id, 'Chunk')}
                           >{'Graph'}