From 804ee5e7a49c4186257ffcec7ec941d0ca37302e Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Wed, 27 Apr 2022 12:05:13 +0800
Subject: [PATCH 1/2] fix: do not show usage spark chart for PAYG

---
 studio/components/to-be-cleaned/Usage.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/studio/components/to-be-cleaned/Usage.tsx b/studio/components/to-be-cleaned/Usage.tsx
index f442d03903b..ef03f7914ca 100644
--- a/studio/components/to-be-cleaned/Usage.tsx
+++ b/studio/components/to-be-cleaned/Usage.tsx
@@ -272,6 +272,10 @@ export const ProjectUsageMinimal: FC<any> = ({ projectRef, subscription_id, filt
   const { data: stats, error: usageError } = useSWR(`${API_URL}/projects/${projectRef}/usage`, get)
   const { subscription, isLoading: loading, error } = useProjectSubscription(projectRef)
 
+  if (subscription?.tier?.supabase_prod_id === PRICING_TIER_PRODUCT_IDS.PAYG) {
+    return <></>
+  }
+
   const tier =
     subscription?.tier?.supabase_prod_id === PRICING_TIER_PRODUCT_IDS.PRO ? 'pro' : 'free'
 

From 7259377e5065a96936a103501d7228c68c2b516d Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Wed, 27 Apr 2022 12:05:52 +0800
Subject: [PATCH 2/2] remove spacer

---
 studio/components/interfaces/Home/ProjectUsage.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/studio/components/interfaces/Home/ProjectUsage.tsx b/studio/components/interfaces/Home/ProjectUsage.tsx
index 1e514f86353..7b3c9deb159 100644
--- a/studio/components/interfaces/Home/ProjectUsage.tsx
+++ b/studio/components/interfaces/Home/ProjectUsage.tsx
@@ -231,7 +231,6 @@ const ProjectUsage: FC<Props> = ({ project }) => {
                     isLoading={!charts && !error ? true : false}
                     onBarClick={(v) => handleBarClick(v, '/realtime')}
                   />
-                  <div className="py-[1.64rem]" />
                 </Panel.Content>
               </Panel>
             </div>