fix: replaced constants

src/components/Login/AccountDropdown.astro

@@ -34,7 +34,7 @@
 
 <script>
   import Cookies from 'js-cookie';
-  import { TOKEN_COOKIE_NAME } from '../../lib/utils';
+  import { TOKEN_COOKIE_NAME } from '../../lib/constants';
 
   const accountButton = document.querySelector('[data-account-button]');
   const accountMenu = accountButton?.nextElementSibling;

src/components/Login/AccountNavigation.astro

@@ -15,7 +15,7 @@ import AccountDropdown from './AccountDropdown.astro';
 
   <a
     id='register-button'
-    class='hidden flex h-8 w-24 cursor-pointer items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm font-medium text-white hover:from-blue-500 hover:to-blue-600'
+    class='flex hidden h-8 w-24 cursor-pointer items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm font-medium text-white hover:from-blue-500 hover:to-blue-600'
     href='/signup'
   >
     <span>Register</span>
@@ -24,14 +24,14 @@ import AccountDropdown from './AccountDropdown.astro';
 
 <script>
   import Cookies from 'js-cookie';
-  import { TOKEN_COOKIE_NAME } from '../../lib/utils';
+  import { TOKEN_COOKIE_NAME } from '../../lib/constants';
   const spinner = document.getElementById('navigation-spinner');
   const registerButton = document.getElementById('register-button');
   const accountDropdown = document.getElementById('account-dropdown');
   spinner?.classList.add('hidden');
 
   const token = Cookies.get(TOKEN_COOKIE_NAME);
-  
+
   if (token) {
     accountDropdown?.classList.remove('hidden');
   } else {

src/components/Login/EmailLoginForm.tsx

@@ -1,7 +1,7 @@
 import Cookies from 'js-cookie';
 import type { FunctionComponent } from 'preact';
 import { useState } from 'preact/hooks';
-import { TOKEN_COOKIE_NAME } from '../../lib/utils';
+import { TOKEN_COOKIE_NAME } from '../../lib/constants';
 
 const EmailLoginForm: FunctionComponent<{}> = () => {
   const [email, setEmail] = useState<string>('');

src/components/Login/EmailSignupForm.tsx

@@ -1,7 +1,7 @@
 import Cookies from 'js-cookie';
 import type { FunctionComponent } from 'preact';
 import { useState } from 'preact/hooks';
-import { TOKEN_COOKIE_NAME } from '../../lib/utils';
+import { TOKEN_COOKIE_NAME } from '../../lib/constants';
 
 const EmailSignupForm: FunctionComponent<{}> = () => {
   const [email, setEmail] = useState<string>('');

src/components/Login/GithubLogin.astro

@@ -18,7 +18,7 @@ import Spinner from '../Spinner.astro';
 
 <script>
   import Cookies from 'js-cookie';
-  import { TOKEN_COOKIE_NAME } from '../../lib/utils';
+  import { TOKEN_COOKIE_NAME } from '../../lib/constants';
   const githubLoginButton = document.getElementById('github-login-button');
   const githubLoginSpinner = document.getElementById('github-login-spinner');
   const githubLoginText = document.querySelector('[data-github-text]');

src/components/Login/GoogleLogin.astro

@@ -18,7 +18,7 @@ import Spinner from '../Spinner.astro';
 
 <script>
   import Cookies from 'js-cookie';
-  import { TOKEN_COOKIE_NAME } from '../../lib/utils';
+  import { TOKEN_COOKIE_NAME } from '../../lib/constants';
   const googleLoginButton = document.getElementById('google-login-button');
   const googleLoginSpinner = document.querySelector(
     '[data-google-login-spinner]'

src/components/Navigation.astro

@@ -105,7 +105,7 @@ import AccountNavigation from './Login/AccountNavigation.astro';
 
 <script>
   import Cookies from 'js-cookie';
-  import { TOKEN_COOKIE_NAME } from '../lib/utils';
+  import { TOKEN_COOKIE_NAME } from '../lib/constants';
 
   const profileLink = document.getElementById('profile-mobile-nav');
   const logoutButton = document.getElementById('logout-mobile-nav');

src/components/RoadmapHeader.astro

@@ -153,7 +153,7 @@ const isRoadmapReady = !isUpcoming;
 
 <script>
   import Cookies from 'js-cookie';
-  import { TOKEN_COOKIE_NAME } from '../lib/utils';
+  import { TOKEN_COOKIE_NAME } from '../lib/constants';
 
   const subscribeButton = document.getElementById('subscribe-button');
   const downloadButton = document.getElementById('download-button');

src/components/Setting/UpdateProfileForm.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'preact/hooks';
-import { TOKEN_COOKIE_NAME } from '../../lib/utils';
+import { TOKEN_COOKIE_NAME } from '../../lib/constants';
 import Cookies from 'js-cookie';
 
 export default function UpdateProfileForm() {

src/hooks/use-auth.ts

@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'preact/hooks';
-import { TOKEN_COOKIE_NAME, TokenPayload, decodeToken } from '../lib/utils';
+import { TokenPayload, decodeToken } from '../lib/utils';
 import Cookies from 'js-cookie';
+import { TOKEN_COOKIE_NAME } from '../lib/constants';
 
 export const useAuth = () => {
   const [user, setUser] = useState<TokenPayload | null>(null);

src/lib/constants.ts

@@ -0,0 +1 @@
+export const TOKEN_COOKIE_NAME = '__roadmapsh_jt__';

src/lib/utils.ts

@@ -1,6 +1,5 @@
 import * as jose from 'jose';
 
-export const TOKEN_COOKIE_NAME = '__roadmapsh_jt__';
 export type TokenPayload = {
   id: string;
   email: string;

src/pages/forgot-password.astro

@@ -19,7 +19,7 @@ import SettingLayout from '../layouts/SettingLayout.astro';
 
 <script>
   import Cookies from 'js-cookie';
-  import { TOKEN_COOKIE_NAME } from '../lib/utils';
+  import { TOKEN_COOKIE_NAME } from '../lib/constants';
   const token = Cookies.get(TOKEN_COOKIE_NAME);
 
   if (token) {

src/pages/login.astro

@@ -52,7 +52,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
 
 <script>
   import Cookies from 'js-cookie';
-  import { TOKEN_COOKIE_NAME } from '../lib/utils';
+  import { TOKEN_COOKIE_NAME } from '../lib/constants';
   const token = Cookies.get(TOKEN_COOKIE_NAME);
   if (token) {
     window.location.href = '/';

src/pages/profile/index.astro

@@ -11,7 +11,7 @@ import BaseLayout from '../../layouts/BaseLayout.astro';
 
 <script>
   import Cookies from 'js-cookie';
-  import { TOKEN_COOKIE_NAME } from '../../lib/utils';
+  import { TOKEN_COOKIE_NAME } from '../../lib/constants';
   const token = Cookies.get(TOKEN_COOKIE_NAME);
   if (!token) {
     window.location.href = '/';

src/pages/reset-password.astro

@@ -11,7 +11,7 @@ import SettingLayout from '../layouts/SettingLayout.astro';
 
 <script>
   import Cookies from 'js-cookie';
-  import { TOKEN_COOKIE_NAME } from '../lib/utils';
+  import { TOKEN_COOKIE_NAME } from '../lib/constants';
   const token = Cookies.get(TOKEN_COOKIE_NAME);
   const urlParams = new URLSearchParams(window.location.search);
   const code = urlParams.get('code');

src/pages/signup.astro

@@ -53,7 +53,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
 
 <script>
   import Cookies from 'js-cookie';
-  import { TOKEN_COOKIE_NAME } from '../lib/utils';
+  import { TOKEN_COOKIE_NAME } from '../lib/constants';
   const token = Cookies.get(TOKEN_COOKIE_NAME);
   if (token) {
     window.location.href = '/';

src/pages/verify-account.astro

@@ -34,7 +34,7 @@ import SettingLayout from '../layouts/SettingLayout.astro';
 
 <script>
   import Cookies from 'js-cookie';
-  import { TOKEN_COOKIE_NAME } from '../lib/utils';
+  import { TOKEN_COOKIE_NAME } from '../lib/constants';
 
   const spinner = document.querySelector('[data-verification-spinner]');
   const error = document.querySelector('[data-verification-error]');