Updated settings components.

This commit is contained in:
Mike Cao 2023-01-20 17:12:53 -08:00
parent 1d9c3133f0
commit 91af593ff5
31 changed files with 805 additions and 494 deletions

View file

@ -26,18 +26,23 @@ export default function NavGroup({
[styles.minimized]: minimized,
})}
>
<div className={styles.header} onClick={allowExpand ? handleExpand : undefined}>
<Text>{title}</Text>
<Icon size="sm" rotate={expanded ? 0 : -90}>
<ChevronDown />
</Icon>
</div>
{title && (
<div className={styles.header} onClick={allowExpand ? handleExpand : undefined}>
<Text>{title}</Text>
<Icon size="sm" rotate={expanded ? 0 : -90}>
<ChevronDown />
</Icon>
</div>
)}
<div className={styles.body}>
{items.map(({ key, label, url, icon }) => {
{items.map(({ label, url, icon, divider }) => {
return (
<Link key={key} href={url}>
<Link key={label} href={url}>
<a
className={classNames(styles.item, { [styles.selected]: pathname.startsWith(url) })}
className={classNames(styles.item, {
[styles.divider]: divider,
[styles.selected]: pathname.startsWith(url),
})}
>
<Icon>{icon}</Icon>
<Text className={styles.text}>{label}</Text>