remove waiting room

packages/app-extension/src/components/Onboarding/index.tsx

@@ -19,7 +19,6 @@ import { Box, IconButton, ListItemText, Toolbar } from "@mui/material";
 
 import { WithContaineredDrawer } from "../common/Layout/Drawer";
 import { NAV_BAR_HEIGHT } from "../common/Layout/Nav";
-import WaitingRoom from "../common/WaitingRoom";
 
 import { OnboardAccount } from "./pages/OnboardAccount";
 import { RecoverAccount } from "./pages/RecoverAccount";
@@ -31,9 +30,7 @@ export const Onboarding = ({
 }) => {
   const containerRef = useRef();
   const [menuOpen, setMenuOpen] = useState(false);
-  const [action, setAction] = useState<"onboard" | "recover" | "waiting">(
-    "onboard"
-  );
+  const [action, setAction] = useState<"onboard" | "recover">("onboard");
 
   const _ks = useKeyringStoreState();
   const isOnboarded =
@@ -69,12 +66,10 @@ export const Onboarding = ({
         <OnboardingProvider>
           <OnboardAccount
             onRecover={() => setAction("recover")}
-            onWaiting={() => setAction("waiting")}
             {...defaultProps}
           />
         </OnboardingProvider>
       ) : null}
-      {action === "waiting" ? <WaitingRoom /> : null}
       {action === "recover" ? (
         <OnboardingProvider>
           <RecoverAccount

packages/app-extension/src/components/Onboarding/pages/InviteCodeForm.tsx

@@ -6,9 +6,16 @@ import { Box } from "@mui/material";
 import { createPopup } from "@typeform/embed";
 
 import { SubtextParagraph } from "../../common";
-import { getWaitlistId, setWaitlistId } from "../../common/WaitingRoom";
 import { BackpackHeader } from "../../Locked";
 
+const WAITLIST_RES_ID_KEY = "waitlist-form-res-id";
+
+export const setWaitlistId = (responseId: string) =>
+  window.localStorage.setItem(WAITLIST_RES_ID_KEY, responseId);
+
+export const getWaitlistId = () =>
+  window.localStorage.getItem(WAITLIST_RES_ID_KEY) ?? undefined;
+
 const useStyles = styles(() => ({
   inviteCodeBox: {
     "& .MuiFormControl-root": {
@@ -19,11 +26,9 @@ const useStyles = styles(() => ({
 
 export const InviteCodeForm = ({
   onClickRecover,
-  onClickWaiting,
   onSubmit,
 }: {
   onClickRecover: () => void;
-  onClickWaiting: () => void;
   onSubmit: (inviteCode: string) => void;
 }) => {
   const [error, setError] = useState("");
@@ -128,22 +133,15 @@ export const InviteCodeForm = ({
           <Box style={{ marginTop: 24 }}>
             {waitlistResponseId ? (
               <SubtextParagraph
-                onClick={onClickWaiting}
                 style={{
+                  cursor: "default",
                   textDecoration: "none",
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
                 }}
               >
-                <img
-                  src="/blue_ball.png"
-                  height="20px"
-                  width="20px"
-                  style={{ marginRight: "4px" }}
-                />
-                Waiting Room
-                <ArrowForward sx={{ marginLeft: "4px", fontSize: "18px" }} />
+                You're already on the waitlist
               </SubtextParagraph>
             ) : (
               <SubtextParagraph onClick={typeform.open}>

packages/app-extension/src/components/Onboarding/pages/OnboardAccount.tsx

@@ -27,14 +27,12 @@ import { NotificationsPermission } from "./NotificationsPermission";
 import { UsernameForm } from "./UsernameForm";
 
 export const OnboardAccount = ({
-  onWaiting,
   onRecover,
   containerRef,
   navProps,
   isAddingAccount,
   isOnboarded,
 }: {
-  onWaiting: () => void;
   onRecover: () => void;
   containerRef: any;
   navProps: any;
@@ -70,7 +68,6 @@ export const OnboardAccount = ({
   const steps = [
     <InviteCodeForm
       key="InviteCodeForm"
-      onClickWaiting={onWaiting}
       onClickRecover={onRecover}
       onSubmit={(inviteCode) => {
         setOnboardingData({ inviteCode });