Skip to content

[User/Commenting] Setup Intercepting Routes and Comments Drawer Shell #215

@andrxpie

Description

@andrxpie

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.

Metadata

Metadata

Assignees

Labels

frontendWork on frontend siderequirementsMust be done, according to the requirements

Type

No fields configured for Task.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions