From 0b725827ee94833605fabd246ded2bcf69645caa Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Wed, 22 Feb 2023 16:04:40 +0800
Subject: [PATCH 1/5] Fix wrong logic for read only mode

---
 .../layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx b/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
index b3b3c01e9ea..c15566a6527 100644
--- a/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
+++ b/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
@@ -89,7 +89,7 @@ const LayoutHeader = ({ customHeaderComponents, breadcrumbs = [], headerBorder =
 
                 {/* [Terry] Temporary until we figure out how we want to display this permanently */}
                 {/* context: https://www.notion.so/supabase/DB-Disk-Size-Free-tier-Read-only-Critical-f2b8937c13a149e3ac769fe5888f6db0*/}
-                {!isReadOnlyMode && (
+                {isReadOnlyMode && (
                   <div className="ml-2">
                     <Link href={`/project/${projectRef}/settings/billing/usage`}>
                       <a>

From e67509da46edd7eff2a052eb316de2826b8383ab Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Wed, 22 Feb 2023 16:05:22 +0800
Subject: [PATCH 2/5] Add project ref check

---
 .../layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx b/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
index c15566a6527..4bb9d3bc728 100644
--- a/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
+++ b/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
@@ -89,7 +89,7 @@ const LayoutHeader = ({ customHeaderComponents, breadcrumbs = [], headerBorder =
 
                 {/* [Terry] Temporary until we figure out how we want to display this permanently */}
                 {/* context: https://www.notion.so/supabase/DB-Disk-Size-Free-tier-Read-only-Critical-f2b8937c13a149e3ac769fe5888f6db0*/}
-                {isReadOnlyMode && (
+                {projectRef !== undefined && isReadOnlyMode && (
                   <div className="ml-2">
                     <Link href={`/project/${projectRef}/settings/billing/usage`}>
                       <a>

From 9ab401e1ec190f3abcd97e68be443bf6a563e317 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Wed, 22 Feb 2023 16:08:22 +0800
Subject: [PATCH 3/5] LayoutHeader reset read only mode if there's no project
 ref

---
 .../layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx        | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx b/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
index 4bb9d3bc728..aeb4a2ffd80 100644
--- a/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
+++ b/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
@@ -38,6 +38,7 @@ const LayoutHeader = ({ customHeaderComponents, breadcrumbs = [], headerBorder =
 
   useEffect(() => {
     if (projectRef) checkForReadOnlyMode()
+    else setIsReadOnlyMode(false)
   }, [projectRef])
 
   const { data: usage } = useProjectUsageQuery({ projectRef })
@@ -89,7 +90,7 @@ const LayoutHeader = ({ customHeaderComponents, breadcrumbs = [], headerBorder =
 
                 {/* [Terry] Temporary until we figure out how we want to display this permanently */}
                 {/* context: https://www.notion.so/supabase/DB-Disk-Size-Free-tier-Read-only-Critical-f2b8937c13a149e3ac769fe5888f6db0*/}
-                {projectRef !== undefined && isReadOnlyMode && (
+                {isReadOnlyMode && (
                   <div className="ml-2">
                     <Link href={`/project/${projectRef}/settings/billing/usage`}>
                       <a>

From e9a928f008472cbab4fccc0e5f6fa449c528b7ac Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Wed, 22 Feb 2023 16:09:01 +0800
Subject: [PATCH 4/5] Fix check

---
 .../interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/studio/components/interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx b/studio/components/interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx
index 4de70bac330..2652eb012e4 100644
--- a/studio/components/interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx
+++ b/studio/components/interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx
@@ -290,7 +290,7 @@ const ProjectUsage: FC<Props> = ({ projectRef }) => {
                   )}
                 </table>
 
-                {!isReadOnlyMode && product.title === 'Database' && (
+                {isReadOnlyMode && product.title === 'Database' && (
                   <div className="p-6">
                     <Alert title={'Database is in read-only mode'} variant="danger" withIcon>
                       <p>

From 93c2275566ec849318f4df3d2951b531472980f0 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Wed, 22 Feb 2023 16:13:54 +0800
Subject: [PATCH 5/5] Small fix

---
 .../interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx  | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/studio/components/interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx b/studio/components/interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx
index 2652eb012e4..8172fbafc64 100644
--- a/studio/components/interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx
+++ b/studio/components/interfaces/Settings/ProjectUsageBars/ProjectUsageBars.tsx
@@ -100,8 +100,7 @@ const ProjectUsage: FC<Props> = ({ projectRef }) => {
       <div className="flex justify-between items-center">
         <div className="flex flex-row space-x-4 text-scale-1000">
           {usage?.disk_volume_size_gb && <span>Disk Size: {usage.disk_volume_size_gb} GB</span>}
-
-          {isPaidTier && <Badge>Auto-Scaling</Badge>}
+          <Badge>Auto-Scaling</Badge>
         </div>
 
         <Button type="default" icon={<IconExternalLink size={14} strokeWidth={1.5} />}>