From 9609ddf937ea2da0a940b85a02a31a47afae2b2e Mon Sep 17 00:00:00 2001
From: "Hong Jing (Jingles)" <jinglescode@gmail.com>
Date: Mon, 19 Aug 2024 11:48:26 +0800
Subject: [PATCH] fix build error

---
 .../src/pages/about/about-us/common.tsx       | 25 ------------------
 .../pages/about/about-us/incorporation.tsx    |  2 +-
 .../src/pages/about/about-us/status.tsx       |  2 +-
 .../src/pages/about/about-us/team.tsx         |  2 +-
 apps/playground/src/pages/about/index.tsx     | 26 +++++++++++++++++++
 5 files changed, 29 insertions(+), 28 deletions(-)
 delete mode 100644 apps/playground/src/pages/about/about-us/common.tsx

diff --git a/apps/playground/src/pages/about/about-us/common.tsx b/apps/playground/src/pages/about/about-us/common.tsx
deleted file mode 100644
index ee1dd276..00000000
--- a/apps/playground/src/pages/about/about-us/common.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-export function AboutSection({
-  children,
-  title,
-  description,
-}: {
-  children: React.ReactNode;
-  title: string;
-  description: string;
-}) {
-  return (
-    <section className="bg-white dark:bg-gray-900">
-      <div className="mx-auto max-w-screen-xl px-4 py-8 text-center lg:px-6 lg:py-16">
-        <div className="mx-auto mb-8 flex max-w-screen-sm flex-col gap-4 lg:mb-16">
-          <h2 className="text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">
-            {title}
-          </h2>
-          <p className="font-light text-gray-500 sm:text-xl dark:text-gray-400">
-            {description}
-          </p>
-        </div>
-        {children}
-      </div>
-    </section>
-  );
-}
diff --git a/apps/playground/src/pages/about/about-us/incorporation.tsx b/apps/playground/src/pages/about/about-us/incorporation.tsx
index 7504100a..4b8fd5ba 100644
--- a/apps/playground/src/pages/about/about-us/incorporation.tsx
+++ b/apps/playground/src/pages/about/about-us/incorporation.tsx
@@ -1,4 +1,4 @@
-import { AboutSection } from "./common";
+import { AboutSection } from "../";
 
 export default function AboutIncorporation() {
   return (
diff --git a/apps/playground/src/pages/about/about-us/status.tsx b/apps/playground/src/pages/about/about-us/status.tsx
index 918c2b4f..9cb7bdae 100644
--- a/apps/playground/src/pages/about/about-us/status.tsx
+++ b/apps/playground/src/pages/about/about-us/status.tsx
@@ -1,5 +1,5 @@
 import Link from "~/components/link";
-import { AboutSection } from "./common";
+import { AboutSection } from "../";
 
 export default function AboutStatus() {
   return (
diff --git a/apps/playground/src/pages/about/about-us/team.tsx b/apps/playground/src/pages/about/about-us/team.tsx
index 832a59bb..f3df37ee 100644
--- a/apps/playground/src/pages/about/about-us/team.tsx
+++ b/apps/playground/src/pages/about/about-us/team.tsx
@@ -1,6 +1,6 @@
 import Link from "~/components/link";
 import { team } from "~/data/team";
-import { AboutSection } from "./common";
+import { AboutSection } from "../";
 
 export default function AboutTeam() {
   return (
diff --git a/apps/playground/src/pages/about/index.tsx b/apps/playground/src/pages/about/index.tsx
index a2cb2656..0c0d0ed2 100644
--- a/apps/playground/src/pages/about/index.tsx
+++ b/apps/playground/src/pages/about/index.tsx
@@ -13,3 +13,29 @@ export default function AboutPage() {
     </>
   );
 }
+
+export function AboutSection({
+  children,
+  title,
+  description,
+}: {
+  children: React.ReactNode;
+  title: string;
+  description: string;
+}) {
+  return (
+    <section className="bg-white dark:bg-gray-900">
+      <div className="mx-auto max-w-screen-xl px-4 py-8 text-center lg:px-6 lg:py-16">
+        <div className="mx-auto mb-8 flex max-w-screen-sm flex-col gap-4 lg:mb-16">
+          <h2 className="text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">
+            {title}
+          </h2>
+          <p className="font-light text-gray-500 sm:text-xl dark:text-gray-400">
+            {description}
+          </p>
+        </div>
+        {children}
+      </div>
+    </section>
+  );
+}