mirror of
https://github.com/supabase/supabase.git
synced 2026-07-05 19:15:02 +08:00
70da0f1d1d
* chore: cleanup packages - Avoid circular imports - Export API-types as types - pg-format without depending on Node internal Buffer (not browser-compatible) - Avoid importing from barrel files in ui dir * chore: avoid barrel file imports in studio (#27771) * chore: avoid barrel file imports - Removes some unused imports - Avoids barrel file import for faster builds + less memory * add eslint rule * type fixes * delete layouts barrel * delete components/grid barrel file * delete components/grid/utils barrel file * delete components/grid/components/common barrel file * delete components/grid/components/editor barrel file * delete components/grid/components/formatter barrel file * delete components/grid/components/grid barrel file * delete components/grid/components/header/filter barrel file * remote components/grid/store barrel file * remove components/interfaces/Auth/Policies barrel file * delete components/interfaces/Settings/Logs barrel file * delete components/ui/CodeEditor barrel file * delete components/ui/Forms barrel file * delete components/ui/Shimmers barrel file * delete data/analytics barrel file * delete hooks barrel file * cleanup lib/common/fetch barrel file * final * barral files cleanup * global react-data-grid styles * remove console.log --------- Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com> * fix build --------- Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com>
65 lines
2.3 KiB
TypeScript
65 lines
2.3 KiB
TypeScript
import { PermissionAction } from '@supabase/shared-types/out/constants'
|
|
|
|
import { useProjectContext } from 'components/layouts/ProjectLayout/ProjectContext'
|
|
import ProductEmptyState from 'components/to-be-cleaned/ProductEmptyState'
|
|
import { useEntityTypesQuery } from 'data/entity-types/entity-types-infinite-query'
|
|
import { useCheckPermissions } from 'hooks/misc/useCheckPermissions'
|
|
import { useLocalStorage } from 'hooks/misc/useLocalStorage'
|
|
import { EXCLUDED_SCHEMAS } from 'lib/constants/schemas'
|
|
import { useTableEditorStateSnapshot } from 'state/table-editor'
|
|
|
|
export interface EmptyStateProps {}
|
|
|
|
const EmptyState = ({}: EmptyStateProps) => {
|
|
const snap = useTableEditorStateSnapshot()
|
|
const isProtectedSchema = EXCLUDED_SCHEMAS.includes(snap.selectedSchemaName)
|
|
const canCreateTables =
|
|
useCheckPermissions(PermissionAction.TENANT_SQL_ADMIN_WRITE, 'tables') && !isProtectedSchema
|
|
|
|
const [sort] = useLocalStorage<'alphabetical' | 'grouped-alphabetical'>(
|
|
'table-editor-sort',
|
|
'alphabetical'
|
|
)
|
|
|
|
const { project } = useProjectContext()
|
|
const { data } = useEntityTypesQuery({
|
|
projectRef: project?.ref,
|
|
connectionString: project?.connectionString,
|
|
schema: snap.selectedSchemaName,
|
|
sort,
|
|
})
|
|
|
|
const totalCount = data?.pages?.[0].data.count ?? 0
|
|
|
|
return (
|
|
<div className="w-full h-full flex items-center justify-center">
|
|
{totalCount === 0 ? (
|
|
<ProductEmptyState
|
|
title="Table Editor"
|
|
ctaButtonLabel={canCreateTables ? 'Create a new table' : undefined}
|
|
onClickCta={canCreateTables ? snap.onAddTable : undefined}
|
|
>
|
|
<p className="text-sm text-foreground-light">
|
|
There are no tables available in this schema.
|
|
</p>
|
|
</ProductEmptyState>
|
|
) : (
|
|
<div className="flex flex-col items-center space-y-4">
|
|
<ProductEmptyState
|
|
title="Table Editor"
|
|
ctaButtonLabel={canCreateTables ? 'Create a new table' : undefined}
|
|
onClickCta={canCreateTables ? snap.onAddTable : undefined}
|
|
>
|
|
<p className="text-sm text-foreground-light">
|
|
Select a table from the navigation panel on the left to view its data
|
|
{canCreateTables && ', or create a new one.'}
|
|
</p>
|
|
</ProductEmptyState>
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default EmptyState
|