added store path to info modal (#230)

Author: balaji-jr

src/components/Navbar/infoModal.tsx

@@ -1,7 +1,7 @@
-import { Box, Button, Modal, Text, px } from '@mantine/core';
+import { Box, Button, Modal, Stack, Text, Tooltip, px } from '@mantine/core';
 import { FC, useEffect, useMemo } from 'react';
 import { useAbout } from '@/hooks/useGetAbout';
-import { IconAlertCircle } from '@tabler/icons-react';
+import { IconAlertCircle, IconInfoCircle } from '@tabler/icons-react';
 import { useHeaderContext } from '@/layouts/MainLayout/Context';
 import styles from './styles/InfoModal.module.css'
 
@@ -106,13 +106,20 @@ const InfoModal: FC<InfoModalProps> = (props) => {
 								<Text className={aboutTextKey}>Mode</Text>
 								<Text className={aboutTextValue}>{getAboutData?.data.mode}</Text>
 							</Box>
-							<Box className={aboutTextInnerBox}>
-								<Text className={aboutTextKey}>Staging</Text>
-								<Text className={aboutTextValue}>{getAboutData?.data.staging}</Text>
-							</Box>
+							{getAboutData?.data.staging && (
+								<Box className={aboutTextInnerBox}>
+									<Text className={aboutTextKey}>Staging</Text>``
+									<Text className={aboutTextValue}>{getAboutData?.data.staging}</Text>
+								</Box>
+							)}
 							<Box className={aboutTextInnerBox}>
 								<Text className={aboutTextKey}>Store</Text>
-								<Text className={aboutTextValue}>{getAboutData?.data?.store?.type}</Text>
+								<Stack style={{ flexDirection: 'row', alignItems: 'center' }} gap={4}>
+									<Text className={aboutTextValue}>{getAboutData?.data?.store?.type}</Text>
+									<Tooltip label={getAboutData?.data?.store?.path}>
+										<IconInfoCircle style={{ cursor: 'pointer' }} color="gray" stroke={1.5} />
+									</Tooltip>
+								</Stack>
 							</Box>
 							<Box className={aboutTextInnerBox}>
 								<Text className={aboutTextKey}>Cache</Text>