diff --git a/src/app/components/Resume/ResumeControlBar.tsx b/src/app/components/Resume/ResumeControlBar.tsx index ec81200..c800541 100644 --- a/src/app/components/Resume/ResumeControlBar.tsx +++ b/src/app/components/Resume/ResumeControlBar.tsx @@ -7,6 +7,7 @@ import { } from "@heroicons/react/24/outline"; import { usePDF } from "@react-pdf/renderer"; import dynamic from "next/dynamic"; +import {clearStateFromLocalStorage} from "lib/redux/local-storage"; const ResumeControlBar = ({ scale, @@ -33,6 +34,17 @@ const ResumeControlBar = ({ update(); }, [update, document]); + //reset handler + const handleReset = () => { + const confirmed = window.confirm( + "Are you sure you want to reset the resume?" + ); + if(!confirmed) return; + + clearStateFromLocalStorage(); + window.location.reload(); + }; + return (
@@ -67,6 +79,12 @@ const ResumeControlBar = ({ Download Resume +
); }; diff --git a/src/app/lib/redux/local-storage.ts b/src/app/lib/redux/local-storage.ts index d365e4d..c93d987 100644 --- a/src/app/lib/redux/local-storage.ts +++ b/src/app/lib/redux/local-storage.ts @@ -24,3 +24,7 @@ export const saveStateToLocalStorage = (state: RootState) => { }; export const getHasUsedAppBefore = () => Boolean(loadStateFromLocalStorage()); + +export const clearStateFromLocalStorage = () => { + localStorage.removeItem(LOCAL_STORAGE_KEY); +};