From f794f19ef6622053010450157422ec034af8b310 Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Mon, 16 Aug 2021 23:33:35 +0900
Subject: [PATCH] simpler meta tag logic and added meta container

---
 source/src/pages/Page.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/source/src/pages/Page.tsx b/source/src/pages/Page.tsx
index 3eae8ea..1b1f855 100644
--- a/source/src/pages/Page.tsx
+++ b/source/src/pages/Page.tsx
@@ -96,6 +96,14 @@ const StyledCollapseContainer = styled.div`
 	}
 `
 
+const StyledMetaContainer = styled.div`
+	color: ${(props) =>
+		theming.theme(props.theme.currentTheme, {
+			light: "#555",
+			dark: "#CCC",
+		})};
+`
+
 function parseToc(json: TocElement[]) {
 	return (
 		<ol>
@@ -307,10 +315,8 @@ export default class Page extends React.Component<PageProps, PageState> {
 								)}
 							</TagList>
 							<br />
-							{this.state.isUnsearchable ? (
-								<></>
-							) : (
-								<>
+							{!this.state.isUnsearchable && (
+								<StyledMetaContainer>
 									<FontAwesomeIcon icon={faCalendar} />{" "}
 									Published on {this.state.fetchedPage.date}
 									&nbsp;&nbsp;&nbsp;&nbsp;
@@ -319,7 +325,7 @@ export default class Page extends React.Component<PageProps, PageState> {
 									&nbsp;&nbsp;&nbsp;&nbsp;
 									<FontAwesomeIcon icon={faBook} />{" "}
 									{this.state.fetchedPage.wordCount} words
-								</>
+								</StyledMetaContainer>
 							)}
 						</small>
 						{/* Horizontal Separator */}