Skip to content

[Feature] Add a "Clear All" button with a confirmation modal to reset resume state #62

@knoxiboy

Description

@knoxiboy

Problem

Users need a quick way to clear the entire form state when starting a new resume. Currently, they have to manually delete every field.

Expected Behavior

A prominent "Clear All" button should be added to the builder panel. Clicking this button must open a custom modal warning the user of permanent data loss. If confirmed, all local state and localStorage keys for the builder should be reset.

Target Files

  • src/app/resume-builder/page.tsx
  • Create a new confirmation component in src/app/resume-builder/components/ClearConfirmationModal.tsx

Suggested Steps

  1. Design a custom accessible modal component that traps focus and is closeable via Escape key.
  2. Integrate a "Clear All" button at the top header of the builder dashboard.
  3. Link the state reset actions (clearing states and local storage keys) upon click confirmation.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions