admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix PageHeaderToggleCommandMenuButton (#11496)

Browse Source 
This PR fixes a bug introduced by
https://github.com/twentyhq/twenty/pull/11470

Before:


https://github.com/user-attachments/assets/8c1b8114-591f-4b58-a177-551c4f0dfb98

After:


https://github.com/user-attachments/assets/b93aa498-2ae8-4001-b541-372866d24f54
This commit is contained in:
Raphaël Bosi
2025-04-10 11:29:45 +02:00
committed by GitHub
parent a7e6564017
commit 4a4ce9a6fe
1 changed files with 25 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
packages/twenty-front/src/modules/ui/layout/page-header/components/PageHeaderToggleCommandMenuButton.tsx
View File

@ -118,31 +118,30 @@ export const PageHeaderToggleCommandMenuButton = () => {
const theme = useTheme();
return (
<div>
<StyledButtonWrapper>
<div id="toggle-command-menu-button">
<AnimatedButton
animatedSvg={
<AnimatedIcon isCommandMenuOpened={isCommandMenuOpened} />
}
className="page-header-command-menu-button"
dataTestId="page-header-command-menu-button"
size={isMobile ? 'medium' : 'small'}
variant="secondary"
accent="default"
hotkeys={[getOsControlSymbol(), 'K']}
ariaLabel={ariaLabel}
onClick={toggleCommandMenu}
animate={{
rotate: isCommandMenuOpened ? 90 : 0,
}}
transition={{
duration: theme.animation.duration.normal,
ease: 'easeInOut',
}}
/>
</div>
</StyledButtonWrapper>
<StyledButtonWrapper>
<div id="toggle-command-menu-button">
<AnimatedButton
animatedSvg={
<AnimatedIcon isCommandMenuOpened={isCommandMenuOpened} />
}
className="page-header-command-menu-button"
dataTestId="page-header-command-menu-button"
size={isMobile ? 'medium' : 'small'}
variant="secondary"
accent="default"
hotkeys={[getOsControlSymbol(), 'K']}
ariaLabel={ariaLabel}
onClick={toggleCommandMenu}
animate={{
rotate: isCommandMenuOpened ? 90 : 0,
}}
transition={{
duration: theme.animation.duration.normal,
ease: 'easeInOut',
}}
/>
</div>
<StyledTooltipWrapper>
<AppTooltip
anchorSelect="#toggle-command-menu-button"
@ -153,6 +152,6 @@ export const PageHeaderToggleCommandMenuButton = () => {
noArrow
/>
</StyledTooltipWrapper>
</div>
</StyledButtonWrapper>
);
};