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

Create header menu to navigate between pages #9

Merged
merged 5 commits into from
Jan 5, 2025
Merged

Conversation

kaakaa
Copy link
Owner

@kaakaa kaakaa commented Jan 5, 2025

Add a header menu for navigation between pages /, /statistics, and /details.

  • Header Component: Create a new Header component in webapp/src/components/Header.tsx with navigation links to /, /statistics, and /details, and a GitHub icon linking to the repository.
  • Main Application: Import and include the Header component in webapp/src/main.tsx above the Routes component.
  • Index HTML: Remove the GitHub icon link from webapp/index.html.

For more details, open the Copilot Workspace session.

kaakaa and others added 5 commits January 5, 2025 12:25
Add a header menu for navigation between pages `/`, `/statistics`, and `/details`.

* **Header Component**: Create a new `Header` component in `webapp/src/components/Header.tsx` with navigation links to `/`, `/statistics`, and `/details`, and a GitHub icon linking to the repository.
* **Main Application**: Import and include the `Header` component in `webapp/src/main.tsx` above the `Routes` component.
* **Index HTML**: Remove the GitHub icon link from `webapp/index.html`.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/kaakaa/ai-agent-statistics?shareId=XXXX-XXXX-XXXX-XXXX).
* Import `Link` from `react-router` instead of `react-router-dom`
* Include a GitHub icon in the navigation bar
* Create a `Header` component with links to `/`, `/statistics`, and `/details`
* Include a GitHub icon that links to the GitHub repository
* Set the style for the header as a header line in a row on the top-right corner of the page
* Refactor styles for the header to ensure consistency and responsiveness
@kaakaa kaakaa requested a review from Copilot January 5, 2025 03:42
Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

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

Copilot reviewed 2 out of 4 changed files in this pull request and generated 1 comment.

Files not reviewed (2)
  • webapp/index.html: Language not supported
  • webapp/src/index.css: Language not supported

webapp/src/components/Header.tsx Show resolved Hide resolved
@kaakaa kaakaa merged commit a5bf42c into main Jan 5, 2025
@kaakaa kaakaa deleted the add-header-menu branch January 5, 2025 03:43
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