* add package.json Signed-off-by: Jess Frazelle <github@jessfraz.com> initial run; Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> more fixes Signed-off-by: Jess Frazelle <github@jessfraz.com> clientsidescne Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> paths Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> fix styles Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> combine Signed-off-by: Jess Frazelle <github@jessfraz.com> eslint rule Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> fixes Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> my ocd Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> constants file Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> no more import sceneInfra Signed-off-by: Jess Frazelle <github@jessfraz.com> updates Signed-off-by: Jess Frazelle <github@jessfraz.com> try fix circular import Signed-off-by: Jess Frazelle <github@jessfraz.com> * updates Signed-off-by: Jess Frazelle <github@jessfraz.com> --------- Signed-off-by: Jess Frazelle <github@jessfraz.com>
68 lines
2.0 KiB
TypeScript
68 lines
2.0 KiB
TypeScript
import decamelize from 'decamelize'
|
|
|
|
import type { Setting } from '@src/lib/settings/initialSettings'
|
|
import type { SettingsLevel } from '@src/lib/settings/settingsTypes'
|
|
import { shouldHideSetting } from '@src/lib/settings/settingsUtils'
|
|
import { useSettings } from '@src/machines/appMachine'
|
|
|
|
interface SettingsSectionsListProps {
|
|
searchParamTab: SettingsLevel
|
|
scrollRef: React.RefObject<HTMLDivElement>
|
|
}
|
|
|
|
export function SettingsSectionsList({
|
|
searchParamTab,
|
|
scrollRef,
|
|
}: SettingsSectionsListProps) {
|
|
const context = useSettings()
|
|
return (
|
|
<div className="flex w-32 flex-col gap-3 pr-2 py-1 border-0 border-r border-r-chalkboard-20 dark:border-r-chalkboard-90">
|
|
{Object.entries(context)
|
|
.filter(([_, categorySettings]) =>
|
|
// Filter out categories that don't have any non-hidden settings
|
|
Object.values(categorySettings).some(
|
|
(setting: Setting) => !shouldHideSetting(setting, searchParamTab)
|
|
)
|
|
)
|
|
.map(([category]) => (
|
|
<button
|
|
key={category}
|
|
onClick={() =>
|
|
scrollRef.current
|
|
?.querySelector(`#category-${category}`)
|
|
?.scrollIntoView({
|
|
block: 'center',
|
|
behavior: 'smooth',
|
|
})
|
|
}
|
|
className="capitalize text-left border-none px-1"
|
|
>
|
|
{decamelize(category, { separator: ' ' })}
|
|
</button>
|
|
))}
|
|
<button
|
|
onClick={() =>
|
|
scrollRef.current?.querySelector(`#settings-resets`)?.scrollIntoView({
|
|
block: 'center',
|
|
behavior: 'smooth',
|
|
})
|
|
}
|
|
className="capitalize text-left border-none px-1"
|
|
>
|
|
Resets
|
|
</button>
|
|
<button
|
|
onClick={() =>
|
|
scrollRef.current?.querySelector(`#settings-about`)?.scrollIntoView({
|
|
block: 'center',
|
|
behavior: 'smooth',
|
|
})
|
|
}
|
|
className="capitalize text-left border-none px-1"
|
|
>
|
|
About
|
|
</button>
|
|
</div>
|
|
)
|
|
}
|