mirror of
https://github.com/supabase/supabase.git
synced 2026-05-08 01:40:13 -04:00
Ivan Vasilov
56de26fe22
This PR migrates the whole monorepo to use Tailwind v4: - Removed `@tailwindcss/container-queries` plugin since it's included by default in v4, - Bump all instances of Tailwind to v4. Made minimal changes to the shared config to remove non-supported features (`alpha` mentions), - Migrate all apps to be compatible with v4 configs, - Fix the `typography.css` import in 3 apps, - Add missing rules which were included by default in v3, - Run `pnpm dlx @tailwindcss/upgrade` on all apps, which renames a lot of classes - Rename all misnamed classes according to https://tailwindcss.com/docs/upgrade-guide#renamed-utilities in all apps. --------- Co-authored-by: Jordi Enric <jordi.err@gmail.com>
31 lines
832 B
TypeScript
31 lines
832 B
TypeScript
import { useRouter } from 'next/router'
|
|
import { Tabs } from 'ui'
|
|
|
|
const FunctionsNav = ({ item }: any) => {
|
|
const router = useRouter()
|
|
const activeRoute = router.pathname.split('/')[5]
|
|
const { ref } = router.query
|
|
|
|
return (
|
|
<Tabs
|
|
defaultActiveId="1"
|
|
type="underlined"
|
|
size="medium"
|
|
baseClassNames="space-y-0!"
|
|
activeId={!activeRoute ? 'overview' : activeRoute}
|
|
onChange={(e: string) => {
|
|
if (item?.slug) {
|
|
router.push(`/project/${ref}/functions/${item.slug}/${e === 'overview' ? '' : e}`)
|
|
}
|
|
}}
|
|
>
|
|
<Tabs.Panel id="overview" label="Overview" />
|
|
<Tabs.Panel id="invocations" label="Invocations" />
|
|
<Tabs.Panel id="logs" label="Logs" />
|
|
<Tabs.Panel id="details" label="Details" />
|
|
</Tabs>
|
|
)
|
|
}
|
|
|
|
export default FunctionsNav
|