mirror of
https://github.com/supabase/supabase.git
synced 2026-10-13 13:19:09 +03:00
Danny WhiteandJoshen Lim
bf3f26d0a6
* specialized dialog for analytics (and vector) bucket creation * handle missing wrapper extension and iceberg wrapper integration * bucket creation improvements * extension and integration checks * dialog header consistency * simplify bucket dialog creation button trigger * fix subtitle ternary * example bucket without dynamic route * create dynamic segment * fancy connection table * improve bucket page * connection table polish * polish * delete bucket modal * improve missing installations design * new table modal * fix copy icon * copy all env button placeholder * list all analytics buckets * specialised bucket modal * shared installer hooks and components * make iceberg wrapper not dependent on wrapper extension There are cases where the Iceberg Wrapper can be installed but the Wrapper extension has since been removed * better admonition copywriting * todo * remove later features * more removal of later work * remove old comment * remove unused content * Nits and hook up create analytics bucket logic * Nit --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
68 lines
2.6 KiB
TypeScript
68 lines
2.6 KiB
TypeScript
import { useRouter } from 'next/router'
|
|
import { ReactNode, useEffect } from 'react'
|
|
|
|
import { useParams } from 'common'
|
|
import { useIsNewStorageUIEnabled } from 'components/interfaces/App/FeaturePreview/FeaturePreviewContext'
|
|
import { useSelectedBucket } from 'components/interfaces/Storage/StorageExplorer/useSelectedBucket'
|
|
import { StorageMenu } from 'components/interfaces/Storage/StorageMenu'
|
|
import { StorageMenuV2 } from 'components/interfaces/Storage/StorageMenuV2'
|
|
import { withAuth } from 'hooks/misc/withAuth'
|
|
import ProjectLayout from '../ProjectLayout/ProjectLayout'
|
|
|
|
export interface StorageLayoutProps {
|
|
title: string
|
|
children: ReactNode
|
|
}
|
|
|
|
const StorageLayout = ({ title, children }: StorageLayoutProps) => {
|
|
const router = useRouter()
|
|
const isStorageV2 = useIsNewStorageUIEnabled()
|
|
const { ref, featurePreviewModal, bucketId } = useParams()
|
|
const { bucket } = useSelectedBucket()
|
|
|
|
// [Joshen] Handle redirects between existing UI and feature preview
|
|
useEffect(() => {
|
|
const { pathname } = router
|
|
const suffix = !!featurePreviewModal ? `?featurePreviewModal=${featurePreviewModal}` : ''
|
|
|
|
if (isStorageV2) {
|
|
if (pathname.endsWith('/storage/settings')) {
|
|
router.push(`/project/${ref}/storage/files/settings${suffix}`)
|
|
} else if (pathname.endsWith('/storage/policies')) {
|
|
router.push(`/project/${ref}/storage/files/policies${suffix}`)
|
|
} else if (pathname.endsWith('/storage/buckets/[bucketId]')) {
|
|
if (!!bucket && bucket.type === 'STANDARD') {
|
|
router.push(`/project/${ref}/storage/files/buckets/${bucketId}${suffix}`)
|
|
} else if (!!bucket && bucket.type === 'ANALYTICS') {
|
|
router.push(`/project/${ref}/storage/analytics/buckets/${bucketId}${suffix}`)
|
|
}
|
|
}
|
|
} else {
|
|
if (pathname.endsWith('/files/settings')) {
|
|
router.push(`/project/${ref}/storage/settings${suffix}`)
|
|
} else if (pathname.endsWith('/files/policies')) {
|
|
router.push(`/project/${ref}/storage/policies${suffix}`)
|
|
} else if (
|
|
pathname.endsWith('/files/buckets/[bucketId]') ||
|
|
pathname.endsWith('/analytics/buckets/[bucketId]')
|
|
) {
|
|
router.push(`/project/${ref}/storage/buckets/${bucketId}${suffix}`)
|
|
}
|
|
}
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [isStorageV2])
|
|
|
|
return (
|
|
<ProjectLayout
|
|
stickySidebarBottom={isStorageV2 ? false : true}
|
|
title={title || 'Storage'}
|
|
product="Storage"
|
|
productMenu={isStorageV2 ? <StorageMenuV2 /> : <StorageMenu />}
|
|
>
|
|
{children}
|
|
</ProjectLayout>
|
|
)
|
|
}
|
|
|
|
export default withAuth(StorageLayout)
|