From 48700ba0083d313f382bbe2bb420b2aec97d161d Mon Sep 17 00:00:00 2001
From: TzeYiing <ty@tzeyiing.com>
Date: Fri, 25 Mar 2022 18:41:51 +0100
Subject: [PATCH] added back the default histogram chart

---
 studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx | 5 +++--
 .../interfaces/Settings/Logs/PreviewFilterPanel.tsx          | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx b/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx
index 291748b04ae..b646af3bd3b 100644
--- a/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx
+++ b/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
diff --git a/studio/components/interfaces/Settings/Logs/PreviewFilterPanel.tsx b/studio/components/interfaces/Settings/Logs/PreviewFilterPanel.tsx
index eb938b4aa08..ede52a82294 100644
--- a/studio/components/interfaces/Settings/Logs/PreviewFilterPanel.tsx
+++ b/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 && (
           <>