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

Use Remix Route Conventions docs to make a "return" header over the form #224

Open
1 of 10 tasks
thadk opened this issue Jul 10, 2024 · 0 comments
Open
1 of 10 tasks
Labels
good first issue Good for newcomers heat-app-js Issues related to the HEAT app frontend

Comments

@thadk
Copy link
Member

thadk commented Jul 10, 2024

First steps:

  • Copy /single ( that is, _heat+/single.tsx ) into a new route inside _heat+ folder, that can be accessed with /app/ aka https://heat-stack.fly.dev/app/.
    • That will include https://heat-stack.fly.dev/app/single but any other file in that same folder too.
    • The header should not be on the home page https://heat-stack.fly.dev/.
  • Make the dark blue "return" header bar appear over single.tsx and any other files in that /app/ route.
  • ShadCN Chevron left icon
  • style the header and add a Return to Site link that goes to the root page on the domain ( / )

Docs: https://remix.run/docs/en/main/discussion/routes

image

The notes in PR may be helpful beyond the documentation: #125

Advanced:

  • Build the sidebar within the header, all wrapped around single.
  • Use the same grid ratios as in the figma design.
  • export image from figma
  • No need to implement "start over", "dev upload case" or "report issue" functionality, please just make the buttons/links.
image
@thadk thadk added good first issue Good for newcomers heat-app-js Issues related to the HEAT app frontend labels Jul 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers heat-app-js Issues related to the HEAT app frontend
Projects
None yet
Development

No branches or pull requests

1 participant