Remove usage page from Storage

studio/components/layouts/StorageLayout/StorageMenu.tsx

@@ -103,11 +103,6 @@ const StorageMenu: FC<Props> = () => {
               <p className="truncate">Policies</p>
             </Menu.Item>
           </Link>
-          <Link href={`/project/${projectRef}/storage/usage`}>
-            <Menu.Item rounded active={page === 'usage'}>
-              <p className="truncate">Usage</p>
-            </Menu.Item>
-          </Link>
         </div>
       </div>
     </Menu>

studio/components/to-be-cleaned/Storage/StorageUsage/StorageUsage.tsx

@@ -1,21 +0,0 @@
-import { FC } from 'react'
-import SVG from 'react-inlinesvg'
-
-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'}
-        title={'storage-usage'}
-        preProcessor={(code) =>
-          code.replace(/svg/, 'svg class="w-20 h-20 text-color-inherit opacity-75"')
-        }
-      />
-      <p className="mt-5 text-sm text-scale-1100">Usage statistics for storage are coming soon.</p>
-    </div>
-  )
-}
-
-export default StorageUsage

studio/components/to-be-cleaned/Storage/index.js

@@ -1,7 +1,6 @@
 import StorageExplorer from './StorageExplorer/StorageExplorer'
 import StoragePolicies from './StoragePolicies/StoragePolicies'
 import StorageSettings from './StorageSettings/StorageSettings'
-import StorageUsage from './StorageUsage/StorageUsage'
 
 import CreateBucketModal from './CreateBucketModal'
 import DeleteBucketModal from './DeleteBucketModal'
@@ -11,7 +10,6 @@ export {
   StorageExplorer,
   StoragePolicies,
   StorageSettings,
-  StorageUsage,
   CreateBucketModal,
   DeleteBucketModal,
   ToggleBucketPublicModal,

studio/pages/project/[ref]/storage/usage.tsx

@@ -1,42 +0,0 @@
-import React, { useEffect } from 'react'
-import { useRouter } from 'next/router'
-import { observer } from 'mobx-react-lite'
-
-import { API_URL } from 'lib/constants'
-import { useFlag, useStore } from 'hooks'
-import { post } from 'lib/common/fetch'
-import { PROJECT_STATUS } from 'lib/constants'
-import { StorageLayout } from 'components/layouts'
-import { StorageUsage } from 'components/to-be-cleaned/Storage'
-import { NextPageWithLayout } from 'types'
-
-/**
- * PageLayout is used to setup layout - as usual it will requires inject global store
- */
-const PageLayout: NextPageWithLayout = () => {
-  const router = useRouter()
-  const { ref } = router.query
-
-  const { ui } = useStore()
-  const project = ui.selectedProject
-
-  const kpsEnabled = useFlag('initWithKps')
-
-  useEffect(() => {
-    if (project && project.status === PROJECT_STATUS.INACTIVE) {
-      post(`${API_URL}/projects/${ref}/restore`, { kps_enabled: kpsEnabled })
-    }
-  }, [project])
-
-  if (!project) return <div></div>
-
-  return (
-    <div className="storage-container flex flex-grow">
-      <StorageUsage />
-    </div>
-  )
-}
-
-PageLayout.getLayout = (page) => <StorageLayout title="Usage">{page}</StorageLayout>
-
-export default observer(PageLayout)