From 4e457fcceed00cca2b06be0edd60841afc820c94 Mon Sep 17 00:00:00 2001
From: "joel@joellee.org" <joel@joellee.org>
Date: Sun, 24 Jul 2022 18:22:16 +0800
Subject: [PATCH] fix: clean type errors

---
 .../to-be-cleaned/Storage/CreateBucketModal.tsx           | 4 ++--
 .../to-be-cleaned/Storage/StorageUsage/StorageUsage.tsx   | 6 ++++--
 .../to-be-cleaned/Storage/ToggleBucketPublicModal.tsx     | 8 ++++----
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/studio/components/to-be-cleaned/Storage/CreateBucketModal.tsx b/studio/components/to-be-cleaned/Storage/CreateBucketModal.tsx
index 3412111e709..ff210efae8b 100644
--- a/studio/components/to-be-cleaned/Storage/CreateBucketModal.tsx
+++ b/studio/components/to-be-cleaned/Storage/CreateBucketModal.tsx
@@ -10,7 +10,7 @@ interface Props {
 const CreateBucketModal: FC<Props> = ({
   visible = false,
   onSelectCancel = () => {},
-  onSelectSave = () => {},
+  onSelectSave = (bucketName: string, isPublic: boolean) => {},
 }) => {
   const [saving, setSaving] = useState(false)
   const [error, setError] = useState('')
@@ -25,7 +25,7 @@ const CreateBucketModal: FC<Props> = ({
     setIsPublic(false)
   }, [visible])
 
-  const onCreateBucket = (event) => {
+  const onCreateBucket = (event: React.MouseEvent<HTMLElement>) => {
     if (event) {
       event.preventDefault()
     }
diff --git a/studio/components/to-be-cleaned/Storage/StorageUsage/StorageUsage.tsx b/studio/components/to-be-cleaned/Storage/StorageUsage/StorageUsage.tsx
index 2aa478925af..1e544bf87af 100644
--- a/studio/components/to-be-cleaned/Storage/StorageUsage/StorageUsage.tsx
+++ b/studio/components/to-be-cleaned/Storage/StorageUsage/StorageUsage.tsx
@@ -1,12 +1,14 @@
 import { FC } from 'react'
 import SVG from 'react-inlinesvg'
 
-const StorageUsage: FC = () => {
+interface Props {}
+
+const StorageUsage: FC<Props> = () => {
   return (
     <div className="w-full h-full flex flex-col items-center justify-center">
       <SVG
         src={'/img/storage-usage.svg'}
-        alt={'storage-usage'}
+        title={'storage-usage'}
         preProcessor={(code) =>
           code.replace(/svg/, 'svg class="w-20 h-20 text-color-inherit opacity-75"')
         }
diff --git a/studio/components/to-be-cleaned/Storage/ToggleBucketPublicModal.tsx b/studio/components/to-be-cleaned/Storage/ToggleBucketPublicModal.tsx
index 3725d196259..8682bad32e2 100644
--- a/studio/components/to-be-cleaned/Storage/ToggleBucketPublicModal.tsx
+++ b/studio/components/to-be-cleaned/Storage/ToggleBucketPublicModal.tsx
@@ -4,7 +4,7 @@ import ConfirmationModal from 'components/ui/ConfirmationModal'
 
 interface Props {
   visible: boolean
-  bucket: object
+  bucket: any
   onSelectCancel: () => {}
   onSelectSave: () => {}
 }
@@ -13,7 +13,7 @@ const ToggleBucketPublicModal: FC<Props> = ({
   visible = false,
   bucket = {},
   onSelectCancel = () => {},
-  onSelectSave = () => {},
+  onSelectSave = (bucket: any) => {},
 }) => {
   const [saving, setSaving] = useState(false)
 
@@ -26,7 +26,7 @@ const ToggleBucketPublicModal: FC<Props> = ({
     onSelectSave(bucket)
   }
 
-  const title = bucket.public
+  const header = bucket.public
     ? `Confirm making ${bucket.name} private`
     : `Confirm making ${bucket.name} public`
 
@@ -42,7 +42,7 @@ const ToggleBucketPublicModal: FC<Props> = ({
     <ConfirmationModal
       danger
       visible={visible}
-      title={title}
+      header={header}
       children={
         <div className="py-4">
           <Modal.Content>