mirror of
https://github.com/supabase/supabase.git
synced 2026-10-11 20:35:07 +03:00
Alaister YoungandAlaister Young
ca2b50a0a7
Follow-up to #48344: collapses the two resolution paths for the Admonition module into one. `src/admonition.tsx` was a back-compat shim re-exporting `src/Admonition/`. Two ways to resolve one module is exactly what produced the macOS self-import bug fixed in #48344, and the local typecheck errors that #48374 worked around. This removes the shim and standardizes on the PascalCase subpath, matching every other export in the package. **Changed:** - Codemodded all 246 `ui-patterns/admonition` imports to `ui-patterns/Admonition` (240 `.tsx`, 5 `.mdx`, 1 `.ts` across studio, docs, www, design-system, and lite-studio) - Pointed the 5 internal `'../admonition'` imports back at the `'../Admonition'` directory **Removed:** - `packages/ui-patterns/src/admonition.tsx`, and its `./admonition` entry in the exports map (regenerated with `pnpm gen:exports`) ## To test - `grep -r "ui-patterns/admonition" --include='*.ts*'` → no hits - `pnpm test:case-hazards` → passes - `pnpm typecheck` → all 15 tasks green - `pnpm --filter studio run lint:ratchet` → passes - `pnpm --filter ui-patterns vitest run src/Admonition` → 11 tests pass <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Bug Fixes** * Standardized Admonition component imports across the application and documentation. * Improved compatibility with case-sensitive environments by using the canonical component path. * Removed the legacy Admonition import entry point. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Alaister Young <10985857+alaister@users.noreply.github.com>
72 lines
2.6 KiB
TypeScript
72 lines
2.6 KiB
TypeScript
import { useParams } from 'common'
|
|
import { Search } from 'lucide-react'
|
|
import { useState } from 'react'
|
|
import { Admonition } from 'ui-patterns/Admonition'
|
|
import { Input } from 'ui-patterns/DataInputs/Input'
|
|
|
|
import { InviteMemberButton } from './InviteMemberButton'
|
|
import MembersView from './MembersView'
|
|
import {
|
|
ScaffoldActionsContainer,
|
|
ScaffoldActionsGroup,
|
|
ScaffoldContainer,
|
|
ScaffoldFilterAndContent,
|
|
ScaffoldSection,
|
|
ScaffoldSectionContent,
|
|
ScaffoldTitle,
|
|
} from '@/components/layouts/Scaffold'
|
|
import { DocsButton } from '@/components/ui/DocsButton'
|
|
import { useOrganizationRolesV2Query } from '@/data/organization-members/organization-roles-query'
|
|
import { useOrgProjectsInfiniteQuery } from '@/data/projects/org-projects-infinite-query'
|
|
import { DOCS_URL } from '@/lib/constants'
|
|
|
|
export const TeamSettings = () => {
|
|
const { slug } = useParams()
|
|
const [searchString, setSearchString] = useState('')
|
|
|
|
const { data: roles } = useOrganizationRolesV2Query({ slug })
|
|
const hasProjectScopedRoles = (roles?.project_scoped_roles ?? []).length > 0
|
|
|
|
const { data } = useOrgProjectsInfiniteQuery({ slug })
|
|
const totalCount = data?.pages[0].pagination.count ?? 0
|
|
const threshold = 1000
|
|
|
|
return (
|
|
<ScaffoldContainer>
|
|
<ScaffoldSection isFullWidth className="py-8! gap-y-8">
|
|
<ScaffoldTitle>Team</ScaffoldTitle>
|
|
<ScaffoldFilterAndContent>
|
|
<ScaffoldActionsContainer className="w-full flex-col md:flex-row gap-2 justify-between">
|
|
<Input
|
|
size="tiny"
|
|
autoComplete="off"
|
|
icon={<Search />}
|
|
value={searchString}
|
|
onChange={(e: any) => setSearchString(e.target.value)}
|
|
name="email"
|
|
id="email"
|
|
placeholder="Filter members"
|
|
/>
|
|
<ScaffoldActionsGroup className="w-full md:w-auto">
|
|
<DocsButton href={`${DOCS_URL}/guides/platform/access-control`} />
|
|
<InviteMemberButton />
|
|
</ScaffoldActionsGroup>
|
|
</ScaffoldActionsContainer>
|
|
|
|
{hasProjectScopedRoles && totalCount > threshold && (
|
|
<Admonition
|
|
type="warning"
|
|
title="This page may not render properly due to the number of projects your account has access to"
|
|
description="We're actively looking into optimizing this page and will make things available as soon as we can!"
|
|
/>
|
|
)}
|
|
|
|
<ScaffoldSectionContent className="w-full">
|
|
<MembersView searchString={searchString} />
|
|
</ScaffoldSectionContent>
|
|
</ScaffoldFilterAndContent>
|
|
</ScaffoldSection>
|
|
</ScaffoldContainer>
|
|
)
|
|
}
|