From 3d6d96b863065309e7b1da29a427c0fb05a68dbf Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Wed, 23 Jun 2021 10:37:21 +0900
Subject: [PATCH] moving combining pages to /explore

---
 source/src/App.tsx             |  8 +++---
 source/src/data/NavbarData.tsx | 24 +-----------------
 source/src/pages/Explore.tsx   | 46 ++++++++++++++++++++++++++++++++++
 3 files changed, 50 insertions(+), 28 deletions(-)
 create mode 100644 source/src/pages/Explore.tsx

diff --git a/source/src/App.tsx b/source/src/App.tsx
index 11f5dbe..12583b1 100644
--- a/source/src/App.tsx
+++ b/source/src/App.tsx
@@ -12,6 +12,7 @@ import Navbar from "./components/Navbar"
 import Footer from "./components/Footer"
 
 import PostList from "./pages/PostList"
+import Explore from "./pages/Explore"
 import Page from "./pages/Page"
 import NotFound from "./pages/NotFound"
 import Portfolio from "./pages/Portfolio"
@@ -224,11 +225,8 @@ export default class App extends React.Component<AppProps, AppState> {
 										/>
 									</Route>
 
-									<Route exact path="/archives">
-										<PostList
-											key="archives"
-											title="Archives"
-										/>
+									<Route exact path="/explore">
+										<Explore />
 									</Route>
 
 									<Route exact path="/portfolio">
diff --git a/source/src/data/NavbarData.tsx b/source/src/data/NavbarData.tsx
index 04ea18d..0c842dc 100644
--- a/source/src/data/NavbarData.tsx
+++ b/source/src/data/NavbarData.tsx
@@ -1,12 +1,5 @@
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
-import {
-	faHome,
-	faArchive,
-	faUserTie,
-	faHashtag,
-	faListUl,
-	faHiking,
-} from "@fortawesome/free-solid-svg-icons"
+import { faHome, faUserTie, faHiking } from "@fortawesome/free-solid-svg-icons"
 
 // item from sidebar data
 export type Item = {
@@ -29,21 +22,6 @@ const NavbarData: Array<Item> = [
 		path: "/explore",
 		icon: <FontAwesomeIcon icon={faHiking} />,
 	},
-	{
-		title: "Categories",
-		path: "/categories",
-		icon: <FontAwesomeIcon icon={faListUl} />,
-	},
-	{
-		title: "Tags",
-		path: "/tags",
-		icon: <FontAwesomeIcon icon={faHashtag} />,
-	},
-	{
-		title: "Archives",
-		path: "/archives",
-		icon: <FontAwesomeIcon icon={faArchive} />,
-	},
 	{
 		title: "Portfolio",
 		path: "/portfolio",
diff --git a/source/src/pages/Explore.tsx b/source/src/pages/Explore.tsx
new file mode 100644
index 0000000..05d629e
--- /dev/null
+++ b/source/src/pages/Explore.tsx
@@ -0,0 +1,46 @@
+import React from "react"
+import styled from "styled-components"
+import { Helmet } from "react-helmet-async"
+
+import theming from "../theming"
+
+const StyledNotFound = styled.div`
+	margin: auto;
+	margin-top: 2rem;
+	text-align: center;
+	color: ${(props) =>
+		theming.theme(props.theme.currentTheme, {
+			light: "#111111",
+			dark: "#EEEEEE",
+		})};
+`
+
+export default class Explore extends React.Component {
+	render() {
+		return (
+			<>
+				<Helmet>
+					<title>pomp | Explore</title>
+
+					<meta property="og:title" content="Explore" />
+					<meta property="og:type" content="website" />
+					<meta
+						property="og:url"
+						content={`${process.env.PUBLIC_URL}`}
+					/>
+					<meta
+						property="og:image"
+						content={`${process.env.PUBLIC_URL}/icon/icon.svg`}
+					/>
+					<meta
+						property="og:description"
+						content="search and explore"
+					/>
+				</Helmet>
+				<StyledNotFound className="card main-content">
+					Explore!!
+				</StyledNotFound>
+			</>
+		)
+	}
+}