From 98e09f90d2d26194b684c76b70486752d87539c2 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Thu, 14 Dec 2023 01:28:19 +0700
Subject: [PATCH] explore page tabs

---
 .../fakeyou.com/src/v2/view/PageContainer.tsx |  5 +++
 .../src/v2/view/pages/explore/ExplorePage.tsx | 39 +++++++++++++++++++
 .../v2/view/pages/explore/tabs/HomeTab.tsx    |  0
 3 files changed, 44 insertions(+)
 create mode 100644 packages/fakeyou.com/src/v2/view/pages/explore/ExplorePage.tsx
 create mode 100644 packages/fakeyou.com/src/v2/view/pages/explore/tabs/HomeTab.tsx

diff --git a/packages/fakeyou.com/src/v2/view/PageContainer.tsx b/packages/fakeyou.com/src/v2/view/PageContainer.tsx
index b96d95e7d7..f6d5adb43d 100644
--- a/packages/fakeyou.com/src/v2/view/PageContainer.tsx
+++ b/packages/fakeyou.com/src/v2/view/PageContainer.tsx
@@ -99,6 +99,7 @@ import { NewProfilePage } from "./pages/profile/profile_view/NewProfilePage";
 import { ProfilePage } from "./pages/profile/profile_view/ProfilePage";
 import { ModerationJobControlPage } from "./pages/moderation/job_control/ModerationJobControlPage";
 import WeightPage from "./pages/weight/WeightPage";
+import ExplorePage from "./pages/explore/ExplorePage";
 
 interface Props {
   sessionWrapper: SessionWrapper;
@@ -357,6 +358,10 @@ class PageContainer extends React.Component<
               <MediaPage sessionWrapper={this.props.sessionWrapper} />
             </Route>
 
+            <Route path="/explore">
+              <ExplorePage />
+            </Route>
+
             {/* <Route path="/weight/:weight_token/edit">
               <WeightEditPage />
             </Route> */}
diff --git a/packages/fakeyou.com/src/v2/view/pages/explore/ExplorePage.tsx b/packages/fakeyou.com/src/v2/view/pages/explore/ExplorePage.tsx
new file mode 100644
index 0000000000..d3e4ed47df
--- /dev/null
+++ b/packages/fakeyou.com/src/v2/view/pages/explore/ExplorePage.tsx
@@ -0,0 +1,39 @@
+import { Panel } from "components/common";
+import Container from "components/common/Container";
+import Tabs from "components/common/Tabs";
+import PageHeader from "components/layout/PageHeader";
+import React from "react";
+
+interface ExplorePageProps {}
+
+export default function ExplorePage(props: ExplorePageProps) {
+  const tabs = [
+    {
+      label: "Home",
+      content: <div>Featured cards here</div>,
+      to: "/explore/home",
+      padding: true,
+    },
+    {
+      label: "Weights",
+      content: <div>Weights card list</div>,
+      to: "/explore/weights",
+      padding: true,
+    },
+    {
+      label: "Media",
+      content: <div>Media card list</div>,
+      to: "/explore/media",
+      padding: true,
+    },
+  ];
+
+  return (
+    <Container type="panel">
+      <PageHeader title="Explore" subText="View community created content" />
+      <Panel>
+        <Tabs tabs={tabs} />
+      </Panel>
+    </Container>
+  );
+}
diff --git a/packages/fakeyou.com/src/v2/view/pages/explore/tabs/HomeTab.tsx b/packages/fakeyou.com/src/v2/view/pages/explore/tabs/HomeTab.tsx
new file mode 100644
index 0000000000..e69de29bb2