github/umami
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Added icon to teams button.

Browse Source
This commit is contained in:
Mike Cao
2024-02-16 19:02:31 -08:00
parent 44393472cf
commit b7083421e5
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/input/TeamsButton.tsx
View File

@@ -7,9 +7,11 @@ import styles from './TeamsButton.module.css';
export function TeamsButton({ export function TeamsButton({
teamId, teamId,
className,
onChange, onChange,
}: { }: {
teamId: string; teamId: string;
className?: string;
onChange?: (value: string) => void; onChange?: (value: string) => void;
}) { }) {
const { user } = useLogin(); const { user } = useLogin();
@@ -28,9 +30,12 @@ export function TeamsButton({
return ( return (
<PopupTrigger> <PopupTrigger>
<Button className={styles.button} variant="quiet"> <Button className={classNames(styles.button, className)} variant="quiet">
<Icon>{teamId ? <Icons.Users /> : <Icons.User />}</Icon> <Icon>{teamId ? <Icons.Users /> : <Icons.User />}</Icon>
<Text>{teamId ? team?.name : user.username}</Text> <Text>{teamId ? team?.name : user.username}</Text>
<Icon>
<Icons.ChevronDown />
</Icon>
</Button> </Button>
<Popup alignment="end"> <Popup alignment="end">
{(close: () => void) => ( {(close: () => void) => (