mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-24 20:36:40 +07:00
notifications: added tabs to notification screen
This commit is contained in:
parent
7135d06673
commit
f9e0ecdd0c
10 changed files with 148 additions and 21 deletions
|
@ -14,6 +14,7 @@ interface HorizontalMenuItemProps {
|
|||
icon?: string;
|
||||
color?: 'green' | 'orange' | 'yellow';
|
||||
active?: boolean;
|
||||
stretchy?: boolean;
|
||||
onClick?: () => void;
|
||||
}
|
||||
|
||||
|
@ -31,6 +32,7 @@ HorizontalMenu.Item = ({
|
|||
children,
|
||||
isLoading,
|
||||
active,
|
||||
stretchy,
|
||||
onClick,
|
||||
}: PropsWithChildren<HorizontalMenuItemProps>) => {
|
||||
if (isLoading) {
|
||||
|
@ -44,7 +46,11 @@ HorizontalMenu.Item = ({
|
|||
|
||||
return (
|
||||
<div
|
||||
className={classNames(styles.item, { [styles.active]: active }, styles[color])}
|
||||
className={classNames(
|
||||
styles.item,
|
||||
{ [styles.active]: active, [styles.stretchy]: stretchy },
|
||||
styles[color],
|
||||
)}
|
||||
onClick={onClick}
|
||||
>
|
||||
{!!icon && <Icon icon={icon} size={24} />}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue