Skip to content

added /more page for mobile#4219

Merged
zomars merged 12 commits intomainfrom
4196-create-appcalcommore-for-mobile-menu
Sep 7, 2022
Merged

added /more page for mobile#4219
zomars merged 12 commits intomainfrom
4196-create-appcalcommore-for-mobile-menu

Conversation

@PeerRich
Copy link
Copy Markdown
Member

@PeerRich PeerRich commented Sep 6, 2022

CleanShot.2022-09-06.at.22.37.46.mp4

@PeerRich PeerRich linked an issue Sep 6, 2022 that may be closed by this pull request
@vercel
Copy link
Copy Markdown

vercel Bot commented Sep 6, 2022

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
cal ✅ Ready (Inspect) Visit Preview Sep 7, 2022 at 3:34AM (UTC)

Comment thread packages/ui/v2/core/Shell.tsx Outdated
name: "workflows",
href: "/workflows",
icon: Icon.FiZap,
pro: true,
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

workflows won't be pro only in 2.0 @CarinaWolli

Comment thread packages/ui/v2/core/Shell.tsx Outdated
Comment on lines +533 to +539
<MobileNavigationItem
item={{
name: "more",
href: "/more",
icon: Icon.FiMoreHorizontal,
}}
/>
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this was my best guess at adding a "more" icon without adding it to the desktop navigation. not sure if this is the best approach but it works

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Will make some adjustments

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

in this PR or followup?

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This one. You should be sleeping mate

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Made some adjustments, routing forms shouldn't display if not installed
image

Comment on lines -554 to -562
itemIdx === 0 ? "rounded-l-lg" : "",
itemIdx === navigation.length - 1 ? "rounded-r-lg" : "",
"group relative min-w-0 flex-1 overflow-hidden bg-white py-2 px-2 text-center text-xs font-medium text-neutral-400 hover:bg-gray-50 hover:text-gray-700 focus:z-10 sm:text-sm [&[aria-current='page']]:text-gray-900"
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we dont need this in the new bottom nav

@PeerRich PeerRich added the ♻️ autoupdate tells kodiak to keep this branch up-to-date label Sep 6, 2022
Copy link
Copy Markdown
Contributor

@zomars zomars left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ship it

Comment thread packages/ui/v2/core/Shell.tsx Outdated
const desktopNavigationItems: NavigationItemType[] = [];
const mobileNavigationBottomItems: NavigationItemType[] = [];
const mobileNavigationMoreItems: NavigationItemType[] = [];
navigation.forEach((item, index) => {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

one for each to catch'em all @zomars

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@alannnc I take your forEach and up it with reduce

Simpsons Monkey Fight GIF

Copy link
Copy Markdown
Contributor

@alannnc alannnc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works good!

@zomars zomars merged commit 30f8d12 into main Sep 7, 2022
@zomars zomars deleted the 4196-create-appcalcommore-for-mobile-menu branch September 7, 2022 04:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

automerge ♻️ autoupdate tells kodiak to keep this branch up-to-date

Projects

No open projects
Status: Done

Development

Successfully merging this pull request may close these issues.

Create app.cal.com/more for mobile menu

3 participants