Cookie sharing across sub-domains

src/components/AuthenticationFlow/EmailLoginForm.tsx

@@ -29,6 +29,7 @@ const EmailLoginForm: FunctionComponent<{}> = () => {
       Cookies.set(TOKEN_COOKIE_NAME, response.token, {
         path: '/',
         expires: 30,
+        domain: import.meta.env.DEV ? 'localhost' : '.roadmap.sh',
       });
       window.location.reload();
 

src/components/AuthenticationFlow/GitHubButton.tsx

@@ -62,6 +62,7 @@ export function GitHubButton(props: GitHubButtonProps) {
         Cookies.set(TOKEN_COOKIE_NAME, response.token, {
           path: '/',
           expires: 30,
+          domain: import.meta.env.DEV ? 'localhost' : '.roadmap.sh',
         });
         window.location.href = redirectUrl;
       })

src/components/AuthenticationFlow/GoogleButton.tsx

@@ -60,6 +60,7 @@ export function GoogleButton(props: GoogleButtonProps) {
         Cookies.set(TOKEN_COOKIE_NAME, response.token, {
           path: '/',
           expires: 30,
+          domain: import.meta.env.DEV ? 'localhost' : '.roadmap.sh',
         });
         window.location.href = redirectUrl;
       })

src/components/AuthenticationFlow/LinkedInButton.tsx

@@ -60,6 +60,7 @@ export function LinkedInButton(props: LinkedInButtonProps) {
         Cookies.set(TOKEN_COOKIE_NAME, response.token, {
           path: '/',
           expires: 30,
+          domain: import.meta.env.DEV ? 'localhost' : '.roadmap.sh',
         });
         window.location.href = redirectUrl;
       })

src/components/AuthenticationFlow/ResetPasswordForm.tsx

@@ -56,6 +56,7 @@ export default function ResetPasswordForm() {
     Cookies.set(TOKEN_COOKIE_NAME, token, {
       path: '/',
       expires: 30,
+      domain: import.meta.env.DEV ? 'localhost' : '.roadmap.sh',
     });
     window.location.href = '/';
   };

src/components/AuthenticationFlow/TriggerVerifyAccount.tsx

@@ -30,6 +30,7 @@ export function TriggerVerifyAccount() {
         Cookies.set(TOKEN_COOKIE_NAME, response.token, {
           path: '/',
           expires: 30,
+          domain: import.meta.env.DEV ? 'localhost' : '.roadmap.sh',
         });
         window.location.href = '/';
       })

src/components/Navigation/navigation.ts

@@ -4,12 +4,6 @@ import { TOKEN_COOKIE_NAME } from '../../lib/jwt';
 export function logout() {
   Cookies.remove(TOKEN_COOKIE_NAME);
 
-  // @FIXME: fix the domain name in the cookie created by the API
-  Cookies.remove(TOKEN_COOKIE_NAME, {
-    path: '/',
-    domain: 'api.roadmap.sh',
-  });
-
   // Reloading will automatically redirect the user if required
   window.location.reload();
 }