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
- Design a custom accessible modal component that traps focus and is closeable via
Escape key.
- Integrate a "Clear All" button at the top header of the builder dashboard.
- Link the state reset actions (clearing states and local storage keys) upon click confirmation.
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
localStoragekeys for the builder should be reset.Target Files
src/app/resume-builder/page.tsxsrc/app/resume-builder/components/ClearConfirmationModal.tsxSuggested Steps
Escapekey.