mirror of
https://github.com/cinnyapp/cinny.git
synced 2025-11-14 03:00:29 +03:00
c243b6104c
* update silver theme * update unread badge style to look more slim * update nav item style to look less sharp * fix type focus message input typo * decrease navigation drawer width to bring main chat layout to little more center * increase sidebar width to make it less congested * fix sidebar item style * decrease dark theme contrast * improve dark theme * revert sidebar width change * add join with address option in home context menu * match legacy theme with latest themes
27 lines
719 B
TypeScript
27 lines
719 B
TypeScript
import React from 'react';
|
|
import { as, Chip, Icon, Icons, Text } from 'folds';
|
|
import classNames from 'classnames';
|
|
import * as css from './styles.css';
|
|
|
|
export const RoomNavCategoryButton = as<'button', { closed?: boolean }>(
|
|
({ className, closed, children, ...props }, ref) => (
|
|
<Chip
|
|
className={classNames(css.CategoryButton, className)}
|
|
variant="Background"
|
|
radii="Pill"
|
|
before={
|
|
<Icon
|
|
className={css.CategoryButtonIcon}
|
|
size="50"
|
|
src={closed ? Icons.ChevronRight : Icons.ChevronBottom}
|
|
/>
|
|
}
|
|
{...props}
|
|
ref={ref}
|
|
>
|
|
<Text size="O400" priority="300" truncate>
|
|
{children}
|
|
</Text>
|
|
</Chip>
|
|
)
|
|
);
|