Changes in text for tooltip and align the logo to centre

src/components/Header/styles.tsx

@@ -20,7 +20,7 @@ export const useHeaderStyles = createStyles((theme) => {
 		},
 		logoContainer: {
 			display: 'flex',
-			justifyContent: 'space-between',
+			justifyContent: 'center',
 			alignItems: 'center',
 			padding: spacing.md,
 			paddingRight:0,

src/components/Navbar/index.tsx

@@ -246,7 +246,7 @@ const Navbar: FC<NavbarProps> = (props) => {
 		<MantineNavbar {...props} withBorder zIndex={1} hiddenBreakpoint={window.outerWidth + 20} hidden={isSubNavbarOpen}>
 			<MantineNavbar.Section grow className={container}>
 				<NavLink
-					label="Streams"
+					label="Log Streams"
 					icon={<IconBinaryTree2 size="1.5rem" stroke={1.3} />}
 					className={streamsBtn}
 				/>

src/layouts/MainLayout/Context.tsx

@@ -12,31 +12,31 @@ const now = dayjs();
 export const REFRESH_INTERVALS = [10000, 30000, 60000, 300000, 600000, 1200000];
 export const FIXED_DURATIONS = [
 	{
-		name: 'Past 10 Minutes',
+		name: 'last 10 minutes',
 		milliseconds: dayjs.duration({ minutes: 10 }).asMilliseconds(),
 	},
 	{
-		name: 'Past 1 Hour',
+		name: 'last 1 hour',
 		milliseconds: dayjs.duration({ hours: 1 }).asMilliseconds(),
 	},
 	{
-		name: 'Past 5 Hours',
+		name: 'last 5 hours',
 		milliseconds: dayjs.duration({ hours: 5 }).asMilliseconds(),
 	},
 	{
-		name: 'Past 24 Hours',
+		name: 'last 24 hours',
 		milliseconds: dayjs.duration({ days: 1 }).asMilliseconds(),
 	},
 	{
-		name: 'Past 3 Days',
+		name: 'last 3 days',
 		milliseconds: dayjs.duration({ days: 3 }).asMilliseconds(),
 	},
 	{
-		name: 'Past 7 Days',
+		name: 'last 7 days',
 		milliseconds: dayjs.duration({ days: 7 }).asMilliseconds(),
 	},
 	{
-		name: 'Past 2 Months',
+		name: 'last 2 months',
 		milliseconds: dayjs.duration({ months: 2 }).asMilliseconds(),
 	},
 ] as const;

src/pages/Stats/Status.tsx

@@ -120,12 +120,12 @@ const Status: FC = () => {
 				return;
 			}
 			else{
-				setStatus(`Not Recieved any events in ${FIXED_DURATIONS[statusFIXEDDURATIONS].name}`);
+				setStatus(`No events received ${FIXED_DURATIONS[statusFIXEDDURATIONS].name}`);
 				setStatusSuccess(false);
 			}
 		}
 		else{
-			setStatus(`Not Recieved any events`);
+			setStatus(`No events received`);
 			setStatusSuccess(false);
 			return;
 		}
@@ -146,18 +146,18 @@ const Status: FC = () => {
 		<Box className={container}>
 			<Box className={headContainer}>
 				<Text className={statusText}>
-					Status: <span className={statusSuccess?statusTextResult:statusTextFailed}> {status}</span>
+					<span className={statusSuccess?statusTextResult:statusTextFailed}> {status}</span>
 				</Text>
 
 				<Box className={genterateContiner}>
-					<Text className={genterateText}>Generated at : <span className={genterateTextResult}>{!loadingStat
+					<Text className={genterateText}>Generated at <span className={genterateTextResult}>[{!loadingStat
 							? errorStat
 								? 'ERROR'
 								: dataStat
-									? dayjs(dataStat?.time).format('DD-MM-YY HH:mm')
+									? dayjs(dataStat?.time).format('HH:mm DD-MM-YYYY')
 									: 'Not found'
-							: 'Loading'}
-							</span> 	
+							: 'Loading'}]
+							</span>
 							</Text>
 				</Box>
 			</Box>
@@ -172,7 +172,7 @@ const Status: FC = () => {
 									: '0'
 								: 'ERROR'
 							: 'Loading...',
-						description: `No of events received: ${dataStat?.ingestion.count}`,
+						description: `Total events received ${dataStat?.ingestion.count}`,
 						title: 'Events',
 					}}
 				/>
@@ -186,7 +186,7 @@ const Status: FC = () => {
 									: '0'
 								: 'ERROR'
 							: 'Loading...',
-						description: 'Size of events received',
+						description: `Total ingested events size ${dataStat?.ingestion.size}`,
 						title: 'Ingestion',
 					}}
 				/>
@@ -200,7 +200,7 @@ const Status: FC = () => {
 									: '0'
 								: 'ERROR'
 							: 'Loading...',
-						description: 'Amount of storage used by stream',
+						description: `Total storage on backend (after compression) ${dataStat?.storage.size}`,
 						title: 'Storage',
 					}}
 				/>
@@ -218,7 +218,7 @@ const Status: FC = () => {
 									: 'NotFound'
 								: 'ERROR'
 							: 'Loading...',
-						description: 'Compression percentage= 100 - storage used  / size of events *100',
+						description: 'Compression percentage. Calculated as (events size / storage used) * 100',
 						title: 'Compression ',
 					}}
 				/>
@@ -233,7 +233,7 @@ const Status: FC = () => {
 									: 'Not Set'
 								: 'ERROR'
 							: 'Loading...',
-						description: 'description',
+						description: 'Retention period for events in the stream',
 						title: 'Retention',
 					}}
 				/>