mirror of
https://github.com/supabase/supabase.git
synced 2026-10-08 19:05:06 +03:00
Francesco Sansalvadore
b997b7fb13
- add new [OrgSelector](https://github.com/supabase/supabase/pull/43238/changes#diff-214b339101a9c06864ea2755ac7246eb4c971ce74c5d3169b1385a28ee1d4227) and [ProjectBranchSelector](https://github.com/supabase/supabase/pull/43238/changes#diff-82d25c128c306b61bea7481026f58f670a229874f23ca3a1a1d78ddeabde21e0) components to the mobile navigation, replacing the previous which took up a lot of horizontal space - org/project/branch dropdowns now open up in the bottom MobileSheetNav for a better mobile ux - desktop nav remains unchanged
49 lines
1.2 KiB
TypeScript
49 lines
1.2 KiB
TypeScript
import PartnerIcon from 'components/ui/PartnerIcon'
|
|
import { Check } from 'lucide-react'
|
|
import Link from 'next/link'
|
|
import type { Organization } from 'types'
|
|
import { cn, CommandItem_Shadcn_ } from 'ui'
|
|
|
|
export interface OrgCommandItemProps {
|
|
org: Organization
|
|
selectedSlug: string | undefined
|
|
routePathname: string
|
|
hasRouteSlug: boolean
|
|
onClose: () => void
|
|
compactPadding?: boolean
|
|
}
|
|
|
|
export function OrgCommandItem({
|
|
org,
|
|
selectedSlug,
|
|
routePathname,
|
|
hasRouteSlug,
|
|
onClose,
|
|
compactPadding = false,
|
|
}: OrgCommandItemProps) {
|
|
const href = hasRouteSlug ? routePathname.replace('[slug]', org.slug) : `/org/${org.slug}`
|
|
|
|
return (
|
|
<CommandItem_Shadcn_
|
|
key={org.slug}
|
|
value={`${org.name.replaceAll('"', '')} - ${org.slug}`}
|
|
className="cursor-pointer w-full"
|
|
onSelect={() => onClose()}
|
|
>
|
|
<Link
|
|
href={href}
|
|
className={cn(
|
|
'w-full flex items-center justify-between text-sm md:text-xs',
|
|
!compactPadding && 'p-0.5'
|
|
)}
|
|
>
|
|
<div className="flex items-center gap-2">
|
|
<span>{org.name}</span>
|
|
<PartnerIcon organization={org} />
|
|
</div>
|
|
{org.slug === selectedSlug && <Check size={16} />}
|
|
</Link>
|
|
</CommandItem_Shadcn_>
|
|
)
|
|
}
|