added back the default histogram chart

studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx

@@ -19,6 +19,7 @@ import {
   filterSqlWhereBuilder,
   filterReducer,
   QueryType,
+  LogEventChart,
 } from 'components/interfaces/Settings/Logs'
 import dayjs from 'dayjs'
 import useLogsPreview from 'hooks/analytics/useLogsPreview'
@@ -160,7 +161,7 @@ export const LogsPreviewer: React.FC<Props> = ({ projectRef, queryType, override
         whereFilters={whereFilters}
         table={table}
       />
-      {/* {showChart && (
+      {showChart && (
           <div>
             <LogEventChart
               data={!isLoading ? logData : undefined}
@@ -169,7 +170,7 @@ export const LogsPreviewer: React.FC<Props> = ({ projectRef, queryType, override
               }}
             />
           </div>
-        )} */}
+        )}
       <div className="flex flex-col flex-grow relative">
         {isLoading && (
           <div

studio/components/interfaces/Settings/Logs/PreviewFilterPanel.tsx

@@ -9,6 +9,7 @@ import {
   IconClock,
   Popover,
   IconExternalLink,
+  Toggle
 } from '@supabase/ui'
 import { LogSearchCallback, LogTemplate } from '.'
 import dayjs from 'dayjs'
@@ -53,6 +54,8 @@ const PreviewFilterPanel: FC<Props> = ({
   dispatchWhereFilters,
   whereFilters: filters,
   table,
+  isShowingEventChart,
+  onToggleEventChart
 }) => {
   const [search, setSearch] = useState('')
 
@@ -268,12 +271,10 @@ const PreviewFilterPanel: FC<Props> = ({
             />
           )}
         </div> */}
-        {/* {!isCustomQuery && (
           <div className="flex items-center space-x-2">
             <p className="text-xs">Show event chart</p>
             <Toggle size="tiny" checked={isShowingEventChart} onChange={onToggleEventChart} />
           </div>
-        )} */}
 
         {!isCustomQuery && (
           <>