Implement /legal/PrivacyPolicy/androidApp

varunsingh87 · varunsingh87 · commit 3a8a9e6e191a · 2021-05-22T16:56:26.000-04:00
* Add page component at /legal/PrivacyPolicy/androidApp, without heading and layout, equivalent to query parameters showDocumentOnly=true&amp;hideHeading=true
* Extract commonHead variable into CommonHead component.
diff --git a/pages/legal/PrivacyPolicy.js b/pages/legal/PrivacyPolicy.js
@@ -4,35 +4,15 @@ import BrandHeader from "../../components/BrandHeader/brandHeader";
 import { getPrivacyPolicyContent } from "../../libs/legal";
 import privacyPolicy from "./privacyPolicy.module.css";
 import { useRouter } from "next/router";
+import CommonHead from "./commonHead";
 
 export default function PrivacyPolicy(props) {
 	const router = useRouter();
 
-	const commonHead = (
-		<Head>
-			<link
-				href="https://cdn.jsdelivr.net/gh/Borumer/Flytrap@1cca457/css/sub.css"
-				rel="stylesheet"
-				type="text/css"
-			/>
-			<link
-				href="https://cdn.jsdelivr.net/gh/Borumer/Flytrap@1cca457/legal/legal.css"
-				rel="stylesheet"
-				type="text/css"
-			/>
-			<link
-				href="https://fonts.googleapis.com/css2?family=Odibee+Sans&display=swap"
-				rel="stylesheet"
-			/>
-
-			<title>Borum Jot Privacy Policy</title>
-		</Head>
-	);
-
 	if (router.query.showDocumentOnly) {
 		return (
 			<div className={privacyPolicy.documentOnlyContainer}>
-				{commonHead}
+				<CommonHead />
 				<Head>
 					<link rel="icon" href="/images/favicon/favicon.ico" />
 				</Head>
@@ -47,7 +27,7 @@ export default function PrivacyPolicy(props) {
 
 	return (
 		<Layout>
-			{commonHead}
+			<CommonHead />
 
 			<main>
 				<BrandHeader />
diff --git a/pages/legal/PrivacyPolicy/androidApp.js b/pages/legal/PrivacyPolicy/androidApp.js
@@ -0,0 +1,32 @@
+import {
+	legalDocumentContent,
+	documentOnlyContainer,
+} from "../privacyPolicy.module.css";
+import CommonHead from "../commonHead";
+import Head from "next/head";
+import { getPrivacyPolicyContent } from "../../../libs/legal";
+
+export default function AndroidApp(props) {
+	return (
+		<div className={documentOnlyContainer}>
+			<CommonHead />
+			<Head>
+				<link rel="icon" href="/images/favicon/favicon.ico" />
+			</Head>
+
+			<article
+				className={legalDocumentContent}
+				dangerouslySetInnerHTML={{ __html: props.content }}
+			/>
+		</div>
+	);
+}
+
+export async function getStaticProps() {
+	return {
+		props: {
+			content: await getPrivacyPolicyContent(),
+		},
+	};
+}
+
diff --git a/pages/legal/commonHead.js b/pages/legal/commonHead.js
@@ -0,0 +1,24 @@
+import Head from "next/head";
+
+export default function CommonHead(props) {
+    return (
+        <Head>
+			<link
+				href="https://cdn.jsdelivr.net/gh/Borumer/Flytrap@1cca457/css/sub.css"
+				rel="stylesheet"
+				type="text/css"
+			/>
+			<link
+				href="https://cdn.jsdelivr.net/gh/Borumer/Flytrap@1cca457/legal/legal.css"
+				rel="stylesheet"
+				type="text/css"
+			/>
+			<link
+				href="https://fonts.googleapis.com/css2?family=Odibee+Sans&display=swap"
+				rel="stylesheet"
+			/>
+
+			<title>Borum Jot Privacy Policy</title>
+		</Head>
+    );
+}
