diff --git a/frontend/degree-plan/components/FourYearPlanPage.tsx b/frontend/degree-plan/components/FourYearPlanPage.tsx index ff3345d8..01be5926 100644 --- a/frontend/degree-plan/components/FourYearPlanPage.tsx +++ b/frontend/degree-plan/components/FourYearPlanPage.tsx @@ -220,6 +220,7 @@ const FourYearPlanPage = ({ updateUser, user }: FourYearPlanPageProps) => { ) : ( diff --git a/frontend/degree-plan/components/OnboardingPanels/CreateWithTranscriptPanel.tsx b/frontend/degree-plan/components/OnboardingPanels/CreateWithTranscriptPanel.tsx index 48cafaf5..e549b62d 100644 --- a/frontend/degree-plan/components/OnboardingPanels/CreateWithTranscriptPanel.tsx +++ b/frontend/degree-plan/components/OnboardingPanels/CreateWithTranscriptPanel.tsx @@ -51,6 +51,8 @@ type WelcomeLayoutProps = { inputtedSchools: SchoolOption[]; inputtedMajors: MajorOption[]; setShowOnboardingModal: (arg0: boolean) => void; + canExit?: boolean; + onExit?: () => void; }; export default function CreateWithTranscriptPanel({ @@ -62,6 +64,8 @@ export default function CreateWithTranscriptPanel({ inputtedSchools, inputtedMajors, setShowOnboardingModal, + canExit = false, + onExit, }: WelcomeLayoutProps) { const [startingYear, setStartingYear] = useState<{ label: any; @@ -211,15 +215,31 @@ export default function CreateWithTranscriptPanel({ return ( - { - setCurrentPage(0); +
- -

Back

- + { + setCurrentPage(0); + }} + > + +

Back

+
+ + {canExit && onExit && ( + +

Back to plan

+
+ )} +

Enter your degree(s):

diff --git a/frontend/degree-plan/components/OnboardingPanels/WelcomePanel.tsx b/frontend/degree-plan/components/OnboardingPanels/WelcomePanel.tsx index 90423fd8..e7a3583e 100644 --- a/frontend/degree-plan/components/OnboardingPanels/WelcomePanel.tsx +++ b/frontend/degree-plan/components/OnboardingPanels/WelcomePanel.tsx @@ -1,4 +1,4 @@ -import { ArrowRightIcon, UploadIcon } from "@radix-ui/react-icons"; +import { ArrowLeftIcon, ArrowRightIcon, UploadIcon } from "@radix-ui/react-icons"; import { Dispatch, MutableRefObject, SetStateAction } from "react"; import { Document, Page } from "react-pdf"; import { @@ -21,6 +21,8 @@ type WelcomeLayoutProps = { transcriptDetected: MutableRefObject; startingYear: { label: any; value: number } | null; setCurrentPage: Dispatch>; + canExit?: boolean; + onExit?: () => void; }; export default function WelcomeLayout({ @@ -33,10 +35,25 @@ export default function WelcomeLayout({ transcriptDetected, startingYear, setCurrentPage, + canExit = false, + onExit, }: WelcomeLayoutProps) { return ( + {canExit && onExit && ( + + +

Back

+
+ )}
void; setActiveDegreeplan: (arg0: DegreePlan) => void; + canExit?: boolean; }) => { const [startingYear, setStartingYear] = useState<{ label: any; @@ -100,6 +102,12 @@ const OnboardingPage = ({ setGraduationYear(null); }; + const exitOnboarding = () => { + resetParser(); + setCurrentPage(0); + setShowOnboardingModal(false); + }; + if (currentPage === 0) return ( ); @@ -125,6 +135,8 @@ const OnboardingPage = ({ inputtedSchools={schools} inputtedMajors={majors} setShowOnboardingModal={setShowOnboardingModal} + canExit={canExit} + onExit={exitOnboarding} /> ); };