explore page tabs

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> */}

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>
+  );
+}