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.

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

APP-7268: Add nav dropdown #615

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Conversation

anjinai
Copy link
Member

@anjinai anjinai commented Jan 6, 2025

Overview

This PR introduces a new NavDropdown component that will be used in app to navigate between different versions of fragments. This dropdown allows for version selection while displaying additional data like timestamps and descriptions.

Ticket: https://viam.atlassian.net/browse/APP-7268
Figma: https://www.figma.com/design/g7uvrGb1Wwdasr4tw6kPpu/Fragments?node-id=6231-12788&t=3olT5Jeslga6pn75-4

Screenshot 2025-01-06 at 3 54 40 PM

@anjinai anjinai requested review from ehhong and mcous January 9, 2025 18:02
<script lang="ts">
import { clickOutside } from '$lib/click-outside';
import { Icon } from '$lib/icon';
import { goto } from '$app/navigation';
Copy link
Member Author

Choose a reason for hiding this comment

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

Is goto from app/navigation the right thing to use to navigate to the selected href?

</button>

{#if isOpen}
<div
Copy link
Member Author

@anjinai anjinai Jan 9, 2025

Choose a reason for hiding this comment

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

The ticket mentioned to use nav element with a links, however, the linter was upset with me when I gave the nav element the role of menu.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant