Description
Configure routing for comments and create a basic sidebar (Drawer) that opens on the right side of the screen when navigating to the comments subpage. The context of the main Stritcode page should remain visible in the background.
Scope of Work
- Update the router configuration.
- Create a base wrapper component called
CommentsDrawerContainer that uses Ant Design's Drawer.
- Configure the behavior of
Drawer:
- Opens automatically if the URL contains the path
/comments.
- When closed, it redirects the user back to the Stritcode base URL.
- It is positioned exclusively on the right side and occupies the optimal width (400px on desktops, 100% on mobile devices).
Acceptance Criteria
- Clicking the upcoming “Comments” button changes the URL to
.../comments, and an empty panel slides out from the right side.
- When refreshing the page at
.../comments, the background page of the code snippet loads normally, and the panel opens on top of it.
- Closing the panel correctly changes the URL back to plain string code.
Description
Configure routing for comments and create a basic sidebar (
Drawer) that opens on the right side of the screen when navigating to the comments subpage. The context of the main Stritcode page should remain visible in the background.Scope of Work
CommentsDrawerContainerthat uses Ant Design'sDrawer.Drawer:/comments.Acceptance Criteria
.../comments, and an empty panel slides out from the right side..../comments, the background page of the code snippet loads normally, and the panel opens on top of it.