Dashboard: Reset last-used-* cookies on login page

Author: MananTank

apps/dashboard/src/app/(app)/login/LoginPage.tsx

@@ -20,8 +20,14 @@ import {
   useActiveWalletConnectionStatus,
 } from "thirdweb/react";
 import { createWallet, inAppWallet } from "thirdweb/wallets";
+import {
+  LAST_USED_PROJECT_ID,
+  LAST_USED_TEAM_ID,
+} from "../../../constants/cookies";
+import { deleteCookie } from "../../../lib/cookie";
 import { ThirdwebMiniLogo } from "../components/ThirdwebMiniLogo";
 import { getSDKTheme } from "../components/sdk-component-theme";
+import { LAST_VISITED_TEAM_PAGE_PATH } from "../team/components/last-visited-page/consts";
 import { doLogin, doLogout, getLoginPayload, isLoggedIn } from "./auth-actions";
 import { isAccountOnboardingComplete } from "./onboarding/isOnboardingRequired";
 
@@ -116,6 +122,8 @@ export function LoginAndOnboardingPage(props: {
         redirectPath={props.redirectPath}
         loginWithInAppWallet={props.loginWithInAppWallet}
       />
+
+      <ResetLastUsedCookies />
     </div>
   );
 }
@@ -139,6 +147,16 @@ function LoginPageContainer(props: {
   );
 }
 
+function ResetLastUsedCookies() {
+  // eslint-disable-next-line no-restricted-syntax
+  useEffect(() => {
+    deleteCookie(LAST_USED_PROJECT_ID);
+    deleteCookie(LAST_USED_TEAM_ID);
+    deleteCookie(LAST_VISITED_TEAM_PAGE_PATH);
+  }, []);
+  return null;
+}
+
 function LoginAndOnboardingPageContent(props: {
   redirectPath: string;
   account: Account | undefined;

apps/dashboard/src/lib/cookie.ts

@@ -23,3 +23,7 @@ export function setCookie(name: string, value: string, days = 365) {
   date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
   document.cookie = `${name}=${value};path=/;expires=${date.toUTCString()}`;
 }
+
+export function deleteCookie(name: string) {
+  document.cookie = `${name}=;path=/;expires=Thu, 01 Jan 1970 00:00:00 GMT`;
+}