Description
Build the layout for the Recipe Revision Page, where users can revise an existing recipe. The route uses dynamic parameters for both $author and $slug. This page should display current recipe data and allow the user to edit, post (publish), or delete the recipe.
Requirements
- Follow Figma design
- use mock data for placeholder in input/ form fields
- Add a loading state
- Add the following action bttons:
- Draft Revision — saves w/ out updating
- Cancel — navigates back without saving
- Publish Revision — marks recipe as published
- Delete — removes the recipe
- Mobile- and desktop-responsive layout
- add field to edit slug
Development Instructions
- Create 'route.tsx' file @
web/app/routes/_app.$author.$slug.revise
Description
Build the layout for the Recipe Revision Page, where users can revise an existing recipe. The route uses dynamic parameters for both
$authorand$slug. This page should display current recipe data and allow the user to edit, post (publish), or delete the recipe.Requirements
Development Instructions
web/app/routes/_app.$author.$slug.revise