Merge pull request #12597 from supabase/master

Prod deploy

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} />}>
@@ -290,7 +289,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>

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*/}
-                {!isReadOnlyMode && (
+                {isReadOnlyMode && (
                   <div className="ml-2">
                     <Link href={`/project/${projectRef}/settings/billing/usage`}>
                       <a>