skipping insurance on onboarding (#221)

* skipping insurance on onboarding

* commenting upload csv

* linting

Author: jacktoncelli

frontend/app/signup/infoPage.tsx

@@ -4,6 +4,7 @@ import React from "react";
 
 type infoPageProps = {
     handleNext: () => void;
+    handleSkip?: () => void;
     title: string;
     description: string;
     buttonText?: string;
@@ -13,6 +14,7 @@ type infoPageProps = {
 
 export default function InfoPage({
     handleNext,
+    handleSkip,
     title,
     description,
     optional = false,
@@ -42,7 +44,7 @@ export default function InfoPage({
                     <Button
                         type="button"
                         variant="link"
-                        onClick={handleNext}
+                        onClick={handleSkip || handleNext}
                         className="underline hover:text-stone-200 h-fit w-fit text-[12px] font-bold p-0 mt-[12px]"
                     >
                         Skip for now

frontend/app/signup/onboarding.tsx

@@ -65,6 +65,7 @@ export default function Onboarding({ email }: OnboardingProps) {
         <InfoPage
             key={4}
             handleNext={incrementProgress}
+            handleSkip={() => setProgress((prev) => prev + 2)}
             title={"Enter insurance information."}
             description="This is an optional step but will be helpful if you choose to file a claim report."
             optional={true}

frontend/app/signup/quickbooks.tsx

@@ -1,7 +1,6 @@
 import { Button } from "@/components/ui/button";
 import { Card } from "@/components/ui/card";
 import { GoSync } from "react-icons/go";
-import { FiUpload } from "react-icons/fi";
 import { redirectToQuickbooks } from "@/api/quickbooks";
 
 interface QuickbooksInfoProps {
@@ -44,15 +43,15 @@ export default function Quickbooks({ handleNext }: QuickbooksInfoProps) {
                         <GoSync className="group-hover:text-fuchsia" /> Sync Quickbooks
                     </Button>
                 </div>
-                <div className="w-full flex flex-col items-center">
+                {/* <div className="w-full flex flex-col items-center">
                     <Button
                         type="button"
                         className="max-h-[45px] w-fit bg-[var(--fuchsia)] text-white py-[12px] text-[16px] hover:bg-pink hover:text-fuchsia"
                         style={{ paddingInline: "20px" }}
                     >
                         <FiUpload className="group-hover:text-fuchsia" /> Upload CSV
                     </Button>
-                </div>
+                </div> */}
                 <div className="w-full flex flex-col items-center">
                     <Button
                         type="button"

frontend/components/dashboard/NoDataPopup.tsx

@@ -3,7 +3,6 @@
 import { redirectToQuickbooks } from "@/api/quickbooks";
 import { Button } from "@/components/ui/button";
 import Link from "next/link";
-import { FiUpload } from "react-icons/fi";
 import { GoSync } from "react-icons/go";
 
 type Props = {
@@ -49,12 +48,12 @@ export default function NoDataPopup({ isOpen, onClose }: Props) {
                                 Sync Quickbooks
                             </Button>
                         </Link>
-                        <Link href="/upload-csv">
+                        {/* <Link href="/upload-csv">
                             <Button className="group h-[34px] w-fit text-white text-[14px] bg-[var(--fuchsia)] hover:bg-pink hover:text-fuchsia">
                                 <FiUpload className="text-white group-hover:text-fuchsia" style={{ width: "14px" }} />{" "}
                                 Upload CSV
                             </Button>
-                        </Link>
+                        </Link> */}
                     </div>
                 </div>
             </div>