From 063fbda2cc8362a102cddd35e2d70ca93531945b Mon Sep 17 00:00:00 2001
From: Beng Eu <beng@bengeu.com>
Date: Tue, 22 Feb 2022 15:51:23 +0800
Subject: [PATCH] feat: disable updating file size limit if free tier

---
 .../Storage/StorageSettings/StorageSettings.tsx        | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/studio/components/to-be-cleaned/Storage/StorageSettings/StorageSettings.tsx b/studio/components/to-be-cleaned/Storage/StorageSettings/StorageSettings.tsx
index 6a0e0addb73..965135173e9 100644
--- a/studio/components/to-be-cleaned/Storage/StorageSettings/StorageSettings.tsx
+++ b/studio/components/to-be-cleaned/Storage/StorageSettings/StorageSettings.tsx
@@ -33,6 +33,7 @@ const StorageSettings: FC<any> = ({ projectRef }) => {
 const StorageConfig = ({ config, projectRef }: any) => {
   const { ui } = useStore()
 
+  const { isFreeTier } = config
   const [updates, setUpdates] = useState(config)
 
   const updateConfig = async (updatedConfig: any) => {
@@ -72,7 +73,14 @@ const StorageConfig = ({ config, projectRef }: any) => {
         onSubmit={(model: any) => updateConfig(model)}
         onReset={() => setUpdates(config)}
       >
-        <AutoField name="fileSizeLimit" showInlineError errorMessage="Must be a number." />
+        <AutoField
+          disabled={isFreeTier}
+          name="fileSizeLimit"
+          showInlineError
+          errorMessage={`Must be a number up to ${new Intl.NumberFormat('en-US').format(
+            STORAGE_FILE_SIZE_LIMIT_MAX
+          )} bytes.`}
+        />
       </SchemaFormPanel>
     </div>
   )