chore: add max size for favicon

Author: seaerchin

apps/studio/src/features/editing-experience/components/form-builder/renderers/controls/JsonFormsImageControl.tsx

@@ -1,4 +1,4 @@
-import type { ControlProps, RankedTester } from "@jsonforms/core"
+import type { ControlProps, JsonSchema, RankedTester } from "@jsonforms/core"
 import { Box, FormControl } from "@chakra-ui/react"
 import { and, isStringControl, rankWith, schemaMatches } from "@jsonforms/core"
 import { withJsonFormsControlProps } from "@jsonforms/react"
@@ -24,6 +24,7 @@ export const jsonFormsImageControlTester: RankedTester = rankWith(
 )
 interface JsonFormsImageControlProps extends ControlProps {
   data: string
+  schema: JsonSchema & { maxSizeInBytes?: number }
 }
 export function JsonFormsImageControl({
   label,
@@ -33,6 +34,7 @@ export function JsonFormsImageControl({
   errors,
   description,
   data,
+  schema,
 }: JsonFormsImageControlProps) {
   const { siteId, pageId, linkId } = useQueryParse(pageOrLinkSchema)
 
@@ -46,7 +48,7 @@ export function JsonFormsImageControl({
         />
       ) : (
         <FileAttachment
-          maxSizeInBytes={MAX_IMG_FILE_SIZE_BYTES}
+          maxSizeInBytes={schema.maxSizeInBytes ?? MAX_IMG_FILE_SIZE_BYTES}
           acceptedFileTypes={IMAGE_UPLOAD_ACCEPTED_MIME_TYPE_MAPPING}
           siteId={siteId}
           resourceId={(pageId ?? linkId) ? String(pageId ?? linkId) : undefined}

packages/components/src/types/site.ts

@@ -69,6 +69,7 @@ export const LogoSettingsSchema = Type.Object({
       description:
         "This appears on a browser tab to help people recognise your site. We recommend a minimum size of 24px by 24px, in .ico, .svg, or .png format.",
       format: "image",
+      maxSizeInBytes: 50000, // NOTE: 50 kB
     }),
   ),
 })