Updated icons.

src/components/input/LanguageButton.tsx

@@ -1,7 +1,7 @@
 import { Icon, Button, MenuTrigger, Popover, Grid, Text, Dialog } from '@umami/react-zen';
 import { languages } from '@/lib/lang';
 import { useLocale } from '@/components/hooks';
-import { Icons } from '@/components/icons';
+import { Globe } from 'lucide-react';
 
 export function LanguageButton() {
   const { locale, saveLocale } = useLocale();
@@ -15,7 +15,7 @@ export function LanguageButton() {
     <MenuTrigger key="language">
       <Button variant="quiet">
         <Icon>
-          <Icons.Globe />
+          <Globe />
         </Icon>
       </Button>
       <Popover placement="bottom end">

src/components/input/ProfileButton.tsx

@@ -11,7 +11,7 @@ import {
   Text,
 } from '@umami/react-zen';
 import { useRouter } from 'next/navigation';
-import { Icons } from '@/components/icons';
+import { User, LogOut, CircleUserRound } from 'lucide-react';
 import { useMessages, useLogin } from '@/components/hooks';
 
 export function ProfileButton() {
@@ -33,7 +33,7 @@ export function ProfileButton() {
     <MenuTrigger>
       <Button data-test="button-profile" variant="quiet">
         <Icon>
-          <Icons.Profile />
+          <CircleUserRound />
         </Icon>
       </Button>
       <Popover placement="bottom end">
@@ -42,14 +42,14 @@ export function ProfileButton() {
             <MenuSeparator />
             <MenuItem id="profile">
               <Icon>
-                <Icons.User />
+                <User />
               </Icon>
               <Text>{formatMessage(labels.profile)}</Text>
             </MenuItem>
             {!cloudMode && (
               <MenuItem data-test="item-logout" id="logout">
                 <Icon>
-                  <Icons.Logout />
+                  <LogOut />
                 </Icon>
                 <Text>{formatMessage(labels.logout)}</Text>
               </MenuItem>

src/components/input/TeamsButton.tsx

@@ -13,8 +13,9 @@ import {
   Popover,
   Row,
   Box,
+  Icons,
 } from '@umami/react-zen';
-import { Icons } from '@/components/icons';
+import { User, Users } from 'lucide-react';
 import { useLogin, useMessages, useTeams, useTeamUrl } from '@/components/hooks';
 
 export function TeamsButton({
@@ -50,10 +51,10 @@ export function TeamsButton({
     <MenuTrigger>
       <Button className={className} variant="quiet">
         <Row alignItems="center" gap="3">
-          <Icon>{teamId ? <Icons.Users /> : <Icons.User />}</Icon>
+          <Icon>{teamId ? <Users /> : <User />}</Icon>
           {showText && <Text weight="bold">{teamId ? team?.name : user.username}</Text>}
-          <Icon>
-            <Icons.ChevronDown />
+          <Icon rotate={90} size="sm">
+            <Icons.Chevron />
           </Icon>
         </Row>
       </Button>
@@ -68,7 +69,7 @@ export function TeamsButton({
             <MenuSection title={formatMessage(labels.myAccount)}>
               <MenuItem id={user.id}>
                 <Icon>
-                  <Icons.User />
+                  <User />
                 </Icon>
                 <Text wrap="nowrap">{user.username}</Text>
               </MenuItem>
@@ -78,7 +79,7 @@ export function TeamsButton({
               {result?.data?.map(({ id, name }) => (
                 <MenuItem key={id} id={id}>
                   <Icon size="sm">
-                    <Icons.Users />
+                    <Users />
                   </Icon>
                   <Text wrap="nowrap">{name}</Text>
                 </MenuItem>