Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add about button to header #10228

Merged
merged 9 commits into from
Dec 19, 2024
Merged

feat: add about button to header #10228

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
2457a9f
feat: add about button to header
devin-ai-integration[bot] Dec 11, 2024
f59de3e
refactor: change About button from icon to text
devin-ai-integration[bot] Dec 11, 2024
c5a8a08
refactor: remove redundant tooltip from About button
devin-ai-integration[bot] Dec 11, 2024
0dc7f61
fix: standardize tooltip positioning and restore About Common tooltip
devin-ai-integration[bot] Dec 12, 2024
c9747d0
feat: hide About button on small and medium screens
devin-ai-integration[bot] Dec 13, 2024
bca991d
fix: add missing width parameter to isWindowSmallInclusive
devin-ai-integration[bot] Dec 13, 2024
de26d16
feat: add About Common icon to sidebar
devin-ai-integration[bot] Dec 19, 2024
79f8008
Merge branch 'devin/1734631044-add-about-icon-sidebar' into devin/173…
devin-ai-integration[bot] Dec 19, 2024
b1cb8f8
refactor: move About icon to quick switcher and show on small screens…
devin-ai-integration[bot] Dec 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 18 additions & 16 deletions ...monwealth/client/scripts/views/components/SublayoutHeader/DesktopHeader/DesktopHeader.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,22 +84,24 @@ const DesktopHeader = ({ onMobile, onAuthModalOpen }: DesktopHeaderProps) => {
})}
>
<CreateContentPopover />
<CWTooltip
content="About Common"
placement="bottom"
renderTrigger={(handleInteraction) => (
<CWButton
buttonType="secondary"
buttonHeight="sm"
label="About"
onClick={() =>
window.open('https://landing.common.xyz', '_blank')
}
onMouseEnter={handleInteraction}
onMouseLeave={handleInteraction}
/>
)}
/>
{!isWindowSmallInclusive() && (
mzparacha marked this conversation as resolved.
Show resolved Hide resolved
<CWTooltip
content="About Common"
placement="bottom"
renderTrigger={(handleInteraction) => (
<CWButton
buttonType="secondary"
buttonHeight="sm"
label="About"
onClick={() =>
window.open('https://landing.common.xyz', '_blank')
}
onMouseEnter={handleInteraction}
onMouseLeave={handleInteraction}
/>
)}
/>
)}
<CWTooltip
content="Explore communities"
placement="bottom"
Expand Down
Loading