mirror of
https://github.com/spliit-app/spliit.git
synced 2026-03-05 20:26:11 +01:00
31 lines
777 B
TypeScript
31 lines
777 B
TypeScript
'use client'
|
|
import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs'
|
|
import { usePathname, useRouter } from 'next/navigation'
|
|
|
|
type Props = {
|
|
groupId: string
|
|
}
|
|
|
|
export function GroupTabs({ groupId }: Props) {
|
|
const pathname = usePathname()
|
|
const value =
|
|
pathname.replace(/\/groups\/[^\/]+\/([^/]+).*/, '$1') || 'expenses'
|
|
const router = useRouter()
|
|
|
|
return (
|
|
<Tabs
|
|
value={value}
|
|
className="[&>*]:border"
|
|
onValueChange={(value) => {
|
|
router.push(`/groups/${groupId}/${value}`)
|
|
}}
|
|
>
|
|
<TabsList>
|
|
<TabsTrigger value="expenses">Expenses</TabsTrigger>
|
|
<TabsTrigger value="balances">Balances</TabsTrigger>
|
|
<TabsTrigger value="edit">Settings</TabsTrigger>
|
|
</TabsList>
|
|
</Tabs>
|
|
)
|
|
}
|