Development

client/app/[locale]/auth/email-verification/page.tsx

@@ -7,7 +7,10 @@ import CommonPageLayout from "@/components/layouts/common"
 const EmailVerificationPage = async () => {
   const t = await getI18n()
   return (
-    <CommonPageLayout title={t("page.email_verification")}>
+    <CommonPageLayout
+      title={t("page.email_verification")}
+      titlePosition="middle"
+    >
       <EmailVerificationPageTemplate />
     </CommonPageLayout>
   )

client/app/[locale]/auth/forgot-password/page.tsx

@@ -10,7 +10,7 @@ export const metadata = siteConfig.page.forgetPassword.metadata
 const ForgotPasswordPage = async () => {
   const t = await getI18n()
   return (
-    <CommonPageLayout title={t("page.forgot_password")}>
+    <CommonPageLayout title={t("page.forgot_password")} titlePosition="middle">
       <ForgotPasswordPageTemplate />
     </CommonPageLayout>
   )

client/app/[locale]/auth/reset-password/page.tsx

@@ -10,7 +10,7 @@ export const metadata = siteConfig.page.resetPassword.metadata
 const ResetPasswordPage = async () => {
   const t = await getI18n()
   return (
-    <CommonPageLayout title={t("page.reset_password")}>
+    <CommonPageLayout title={t("page.reset_password")} titlePosition="middle">
       <ResetPasswordPageTemplate />
     </CommonPageLayout>
   )

client/app/[locale]/auth/sign-in/page.tsx

@@ -4,15 +4,18 @@ import { getI18n } from "@/utils/services/internationalization/server"
 
 import { siteConfig } from "@/config/site"
 import CommonPageLayout from "@/components/layouts/common"
+import NotAuthOnlyWrapper from "@/components/wrappers/not-auth-only/not-auth-only"
 
 export const metadata = siteConfig.page.signIn.metadata
 
 const SignInPage = async () => {
   const t = await getI18n()
   return (
-    <CommonPageLayout title={t("page.sign_in")}>
-      <SignInPageTemplate />
-    </CommonPageLayout>
+    <NotAuthOnlyWrapper>
+      <CommonPageLayout title={t("page.sign_in")} titlePosition="middle">
+        <SignInPageTemplate />
+      </CommonPageLayout>
+    </NotAuthOnlyWrapper>
   )
 }
 export default SignInPage

client/app/[locale]/auth/sign-up-confirmation/page.tsx

@@ -10,7 +10,10 @@ export const metadata = siteConfig.page.signUpConfirmation.metadata
 const SignUpConfirmationPage = async () => {
   const t = await getI18n()
   return (
-    <CommonPageLayout title={t("page.sign_up_confirmation")}>
+    <CommonPageLayout
+      title={t("page.sign_up_confirmation")}
+      titlePosition="middle"
+    >
       <SignUpConfirmationPageTemplate />
     </CommonPageLayout>
   )

client/app/[locale]/auth/sign-up/page.tsx

@@ -4,15 +4,18 @@ import { getI18n } from "@/utils/services/internationalization/server"
 
 import { siteConfig } from "@/config/site"
 import CommonPageLayout from "@/components/layouts/common"
+import NotAuthOnlyWrapper from "@/components/wrappers/not-auth-only/not-auth-only"
 
 export const metadata = siteConfig.page.signUp.metadata
 
 const SignUpPage = async () => {
   const t = await getI18n()
   return (
-    <CommonPageLayout title={t("page.sign_up")}>
-      <SignUpPageTemplate />
-    </CommonPageLayout>
+    <NotAuthOnlyWrapper>
+      <CommonPageLayout title={t("page.sign_up")} titlePosition="middle">
+        <SignUpPageTemplate />
+      </CommonPageLayout>
+    </NotAuthOnlyWrapper>
   )
 }
 

client/app/[locale]/auth/verify-one-time-password/page.tsx

@@ -10,7 +10,10 @@ export const metadata = siteConfig.page.verifyOneTimePassword.metadata
 const VerifyOneTimePassword = async () => {
   const t = await getI18n()
   return (
-    <CommonPageLayout title={t("page.verify_one_time_password")}>
+    <CommonPageLayout
+      title={t("page.verify_one_time_password")}
+      titlePosition="middle"
+    >
       <VerifyEmailOneTimePasswordPageTemplate />
     </CommonPageLayout>
   )

client/app/[locale]/chat/page.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import ChatPageTemplate from "@/modules/chat/template"
 
-import AuthenticatedPageWrapper from "@/components/wrappers/authenticated"
+import AuthenticatedPageWrapper from "@/components/wrappers/authenticated/authenticated"
 
 const ChatPage = () => {
   return (

client/app/[locale]/layout.tsx

@@ -26,7 +26,7 @@ export const metadata: Metadata = {
   ],
   manifest: "../manifest.json",
   title: {
-    default: `${siteConfig.name} | 海外港人搵Referral平台`,
+    default: `${siteConfig.name} | 海外港人平台`,
     template: `%s - ${siteConfig.name}`,
   },
   description: siteConfig.description,
@@ -53,21 +53,23 @@ export default async function RootLayout({
 }: RootLayoutProps) {
   return (
     <html lang={locale} suppressHydrationWarning>
+      <meta
+        name="viewport"
+        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
+      />
       <head />
       <body
         className={cn(
-          "min-h-screen bg-background font-sans antialiased",
+          "min-h-screen bg-slate-50 font-openSans antialiased",
           fontSans.variable
         )}
       >
         <GoogleAnalytics />
 
         <Provider locale={locale}>
-          <div className="flex min-h-screen flex-col">
+          <div className="flex min-h-screen flex-col ">
             <SiteHeader />
-            <div className="flex-1 overflow-y-auto overflow-x-hidden ">
-              {children}
-            </div>
+            <div className="flex-1 overflow-hidden">{children}</div>
             <NavFooter />
           </div>
           <Analytics />

client/app/[locale]/page.tsx

@@ -1,29 +1,41 @@
+import { Suspense } from "react"
 import MainPageTemplate from "@/modules/main/template"
 import {
   getUserCount,
   listLatestContactRequest,
-  searchPostApi,
+  searchPost,
 } from "@/utils/common/api"
 
 import { EPostType } from "@/types/common/post-type"
+import CommonPageLayout from "@/components/layouts/common"
+
+import Loading from "./loading"
 
-// cache for 1 hours
 export const revalidate = 60 * 60
 
 export default async function IndexPage() {
-  const count = await getUserCount()
-  const posts = await searchPostApi({
-    numberOfDataPerPage: 8,
-    page: 0,
-    sortingType: "createdAt,dec",
-    companyName: "",
-    jobTitle: "",
-    maxYearOfExperience: 100,
-    minYearOfExperience: 0,
-    types: [EPostType.REFERRER, EPostType.HIRING, EPostType.COLLABORATION],
-  })
+  return (
+    <CommonPageLayout>
+      <Suspense fallback={<Loading />}>
+        <MainPageContent />
+      </Suspense>
+    </CommonPageLayout>
+  )
+}
 
-  const list = await listLatestContactRequest()
+async function MainPageContent() {
+  const [count, posts, list] = await Promise.all([
+    getUserCount(),
+    searchPost({
+      keywords: "",
+      numberOfDataPerPage: 8,
+      experience: 0,
+      page: 0,
+      type: EPostType.ALL,
+      sortingType: "createdAt,dec",
+    }),
+    listLatestContactRequest(),
+  ])
 
   return <MainPageTemplate count={count} posts={posts} contactList={list} />
 }

client/app/[locale]/post/create/page.tsx

@@ -9,7 +9,7 @@ import { getI18n } from "@/utils/services/internationalization/server"
 
 import { siteConfig } from "@/config/site"
 import CommonPageLayout from "@/components/layouts/common"
-import AuthenticatedPageWrapper from "@/components/wrappers/authenticated"
+import AuthenticatedPageWrapper from "@/components/wrappers/authenticated/authenticated"
 
 export const metadata = siteConfig.page.createPost.metadata
 

client/app/[locale]/post/view/[uuid]/page.tsx

@@ -21,6 +21,7 @@ export async function generateMetadata({
 
   // Define type title based on post type
   let typeTitle: string = ""
+
   switch (postType) {
     case EPostType.HIRING:
       typeTitle = t("post.type.hiring.title")
@@ -30,8 +31,6 @@ export async function generateMetadata({
       break
     case EPostType.REFERRER:
       typeTitle = t("post.type.referer.title")
-    case EPostType.REFERRER:
-      typeTitle = t("post.type.collaboration.title")
       break
     case EPostType.COLLABORATION:
       typeTitle = t("post.type.collaboration.title")

client/app/[locale]/profile/edit/page.tsx

@@ -6,9 +6,10 @@ import {
   getIndustryList,
   getProvinceList,
 } from "@/utils/common/api"
+import { getI18n } from "@/utils/services/internationalization/server"
 
 import CommonPageLayout from "@/components/layouts/common"
-import AuthenticatedPageWrapper from "@/components/wrappers/authenticated"
+import AuthenticatedPageWrapper from "@/components/wrappers/authenticated/authenticated"
 
 export const revalidate = 60 * 60 * 24
 
@@ -17,10 +18,10 @@ const EditProfilePage = async () => {
   const provinceList = await getProvinceList()
   const cityList = await getCityList()
   const industryList = await getIndustryList()
-
+  const t = await getI18n()
   return (
     <AuthenticatedPageWrapper>
-      <CommonPageLayout>
+      <CommonPageLayout title={t("page.edit_profile")}>
         <EditProfileTemplate
           cityList={cityList}
           countryList={countryList}

client/components/__tests__/theme-provider.test.tsx

@@ -0,0 +1,47 @@
+/**
+ * ThemeProvider component test
+ *
+ * @group unit
+ */
+
+import React from "react"
+import { render } from "@testing-library/react"
+import { useTheme } from "next-themes"
+
+import { ThemeProvider } from "@/components/theme-provider"
+
+// Mock the next-themes library
+jest.mock("next-themes", () => ({
+  ThemeProvider: jest.fn(({ children }) => (
+    <div data-testid="mock-theme-provider">{children}</div>
+  )),
+  useTheme: jest.fn(),
+}))
+
+describe("ThemeProvider", () => {
+  it("renders children without crashing", () => {
+    const { getByText } = render(
+      <ThemeProvider>
+        <div>Test Child</div>
+      </ThemeProvider>
+    )
+    expect(getByText("Test Child")).toBeInTheDocument()
+  })
+
+  it("provides theme context to children", () => {
+    const MockChild = () => {
+      const { theme } = useTheme()
+      return <div>{theme}</div>
+    }
+
+    ;(useTheme as jest.Mock).mockReturnValue({ theme: "light" })
+
+    const { getByText } = render(
+      <ThemeProvider>
+        <MockChild />
+      </ThemeProvider>
+    )
+
+    expect(getByText("light")).toBeInTheDocument()
+  })
+})