Logs/bool

src/pages/Stream/Views/Explore/StaticLogRow.tsx

@@ -6,6 +6,7 @@ import { Log } from '@/@types/parseable/api/query';
 import tableStyles from '../../styles/Logs.module.css';
 import { useLogsStore, logsStoreReducers, columnsToSkip } from '../../providers/LogsProvider';
 import { IconCopy, IconCheck } from '@tabler/icons-react';
+import _ from 'lodash';
 
 const { setSelectedLog } = logsStoreReducers;
 
@@ -84,14 +85,15 @@ const LogRow: FC<LogRowProps> = (props) => {
 				<tr key={logIndex} className={logIndex % 2 ? trStyle : trEvenStyle} onClick={() => onClick(log)}>
 					{columnsToShow.map((header, logSchemaIndex) => {
 						const parsedData = parseLogData(log[header], header);
+						const value = typeof parsedData === 'string' ? parsedData : _.toString(parsedData);
 						return (
 							<td
 								key={`${header}-${logSchemaIndex}`}
 								style={{ position: 'relative', whiteSpace: 'pre' }}
 								onMouseEnter={() => handleMouseEnter(logIndex, logSchemaIndex)}
 								onMouseLeave={handleMouseLeave}>
 								<Group wrap="nowrap">
-									{parsedData}
+									{value}
 									{hoveredCell === `${logIndex}-${logSchemaIndex}` && (
 										<Stack
 											style={{

src/utils/index.ts

@@ -2,6 +2,7 @@ import dayjs from 'dayjs';
 import { useMemo } from 'react';
 import { useLocation } from 'react-router-dom';
 import Cookies from 'js-cookie';
+import _ from 'lodash';
 
 export const baseURL = import.meta.env.VITE_PARSEABLE_URL ?? '/';
 
@@ -28,7 +29,7 @@ export const parseLogData = (value?: any, columnName?: string) => {
 		return dayjs(value).utc(true).format('DD/MM/YYYY HH:mm:ss');
 	}
 
-	if (value) {
+	if (value || typeof value === 'boolean' || typeof value === 'number') {
 		return value;
 	}