23181d8144
* Search and highlight, no scroll yet * Tweak toggle look * Style search, fix state changes * Separate out settings components * Include description in results, minor style tweaks * Fix tsc import * Remove unused imports in Settings * fmt
40 lines
1017 B
TypeScript
40 lines
1017 B
TypeScript
import { RadioGroup } from '@headlessui/react'
|
|
import { SettingsTabButton } from './SettingsTabButton'
|
|
|
|
interface SettingsTabButtonProps {
|
|
value: string
|
|
onChange: (value: string) => void
|
|
showProjectTab: boolean
|
|
}
|
|
|
|
export function SettingsTabs({
|
|
value,
|
|
onChange,
|
|
showProjectTab,
|
|
}: SettingsTabButtonProps) {
|
|
return (
|
|
<RadioGroup
|
|
value={value}
|
|
onChange={onChange}
|
|
className="flex justify-start pl-4 pr-5 gap-5 border-0 border-b border-b-chalkboard-20 dark:border-b-chalkboard-90"
|
|
>
|
|
<RadioGroup.Option value="user">
|
|
{({ checked }) => (
|
|
<SettingsTabButton checked={checked} icon="person" text="User" />
|
|
)}
|
|
</RadioGroup.Option>
|
|
{showProjectTab && (
|
|
<RadioGroup.Option value="project">
|
|
{({ checked }) => (
|
|
<SettingsTabButton
|
|
checked={checked}
|
|
icon="folder"
|
|
text="This project"
|
|
/>
|
|
)}
|
|
</RadioGroup.Option>
|
|
)}
|
|
</RadioGroup>
|
|
)
|
|
}
|