From 4cb360e59cec319dd37b5c3d57c8a5096a75eb66 Mon Sep 17 00:00:00 2001
From: jakubmanczak <jakub@manczak.net>
Date: Sat, 7 Jan 2023 12:34:59 +0100
Subject: [PATCH] indexing seo changes

---
 components/SEO.tsx                | 22 ++++++++++++---
 pages/404.tsx                     |  2 +-
 pages/cytaty.tsx                  |  3 +-
 pages/ja/index.tsx                |  2 +-
 pages/ja/ustawienia.tsx           |  1 +
 pages/profil/[profname]/index.tsx | 46 ++++++++-----------------------
 pages/rankingi.tsx                |  3 +-
 7 files changed, 37 insertions(+), 42 deletions(-)

diff --git a/components/SEO.tsx b/components/SEO.tsx
index efad1f4..f506096 100644
--- a/components/SEO.tsx
+++ b/components/SEO.tsx
@@ -4,9 +4,17 @@ type seoprops = {
 	title?: string;
 	noatsign?: boolean; // simply add "noatsign" as property to element
 	description?: string;
+	picture?: string;
+	dontindex?: boolean;
 };
 
-const SEO = ({ title, noatsign, description }: seoprops) => {
+const SEO = ({
+	title,
+	noatsign,
+	description,
+	picture,
+	dontindex,
+}: seoprops) => {
 	const titleEnhanced = title
 		? `${title}${noatsign ? "" : " @ gractwo.pl"}`
 		: "Gractwo!";
@@ -25,15 +33,21 @@ const SEO = ({ title, noatsign, description }: seoprops) => {
 			<meta property="og:title" content={titleEnhanced} />
 			<meta property="og:type" content="website" />
 			<meta property="og:url" content="https://gractwo.pl" />
-			<meta property="og:image" content={remoteLogoRender} />
+			<meta property="og:image" content={picture || remoteLogoRender} />
 			<meta property="og:site_name" content="gractwo.pl" />
 			<meta
 				property="og:description"
 				content={description || defaultDescription}
 			/>
 
-			<meta name="robots" content="index, follow" />
-			<meta name="googlebot" content="index, follow" />
+			<meta
+				name="robots"
+				content={dontindex ? "noindex, nofollow" : "index, follow"}
+			/>
+			<meta
+				name="googlebot"
+				content={dontindex ? "noindex, nofollow" : "index, follow"}
+			/>
 		</Head>
 	);
 };
diff --git a/pages/404.tsx b/pages/404.tsx
index a8698f3..262b933 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -10,7 +10,7 @@ const PageError404 = () => {
 	}, [router.asPath]);
 	return (
 		<>
-			<SEO title="404" />
+			<SEO title="404" dontindex />
 			<div
 				style={{
 					display: "flex",
diff --git a/pages/cytaty.tsx b/pages/cytaty.tsx
index e18c359..3bc91bb 100644
--- a/pages/cytaty.tsx
+++ b/pages/cytaty.tsx
@@ -1,9 +1,10 @@
 import { SEO } from "../components/SEO";
 
 const PageCytaty = () => {
+	const SEOdesc = `Strona w trakcie budowy - zbiorowisko cytatów użytkowników gractwa!`;
 	return (
 		<>
-			<SEO title="cytaty" />
+			<SEO title="cytaty" description={SEOdesc} />
 			<main>Miejsce na stronkę od cytatów.</main>
 		</>
 	);
diff --git a/pages/ja/index.tsx b/pages/ja/index.tsx
index 00752a4..88632a5 100644
--- a/pages/ja/index.tsx
+++ b/pages/ja/index.tsx
@@ -35,6 +35,7 @@ const PageMe = () => {
 
 	return (
 		<>
+			<SEO title="twój profil" dontindex />
 			{isLoading && (
 				<main>
 					<h3>Ładujemy dane dla Ciebie...</h3>
@@ -51,7 +52,6 @@ const PageMe = () => {
 			)}
 			{!isLoading && !error && user && (
 				<main>
-					<SEO title="twój profil" />
 					<ProfileCard
 						data={{
 							username: user.name || "unknown user",
diff --git a/pages/ja/ustawienia.tsx b/pages/ja/ustawienia.tsx
index 6f66d68..b3d5ec1 100644
--- a/pages/ja/ustawienia.tsx
+++ b/pages/ja/ustawienia.tsx
@@ -7,6 +7,7 @@ const PageMeSettings = () => {
 
 	return (
 		<>
+			<SEO dontindex title="ustawienia konta" />
 			{isLoading && (
 				<>
 					<main>
diff --git a/pages/profil/[profname]/index.tsx b/pages/profil/[profname]/index.tsx
index 5d0309e..224607f 100644
--- a/pages/profil/[profname]/index.tsx
+++ b/pages/profil/[profname]/index.tsx
@@ -31,7 +31,12 @@ const ProfilePage = () => {
 			});
 	}, []);
 	if (loading) {
-		return <main style={{ color: "grey" }}>Fetching data...</main>;
+		return (
+			<>
+				<SEO dontindex />
+				<main style={{ color: "grey" }}>Fetching data...</main>
+			</>
+		);
 	} else {
 		if (
 			persons
@@ -45,38 +50,11 @@ const ProfilePage = () => {
 			})[0];
 			return (
 				<>
-					<SEO title={person.Name} />
-					{/* <main>
-						<div
-							style={{
-								display: "flex",
-								flexDirection: "row",
-								justifyContent: "center",
-								alignItems: "center",
-								gap: "1rem",
-								margin: "2rem 0 0 0",
-							}}
-						>
-							<img
-								src={person.Img}
-								alt={`${person.Name} profile image`}
-								style={{
-									width: "128px",
-									aspectRatio: "1/1",
-									objectFit: "cover",
-									borderRadius: "50%",
-								}}
-							/>
-							<div>
-								<h1>{person.Name}</h1>
-								<p>{person.Desc}</p>
-							</div>
-						</div> */}
-					{/* FOR LATER BIGDESC DATASET */}
-					{/* {person.profile?.bigdesc.map((el, index) => {
-						return <p key={index}>{el || <br />}</p>;
-					})} */}
-					{/* </main> */}
+					<SEO
+						title={person.Name}
+						description={person.Desc}
+						picture={person.Img}
+					/>
 					<main>
 						<ProfileCard
 							data={{
@@ -106,7 +84,7 @@ const ProfilePage = () => {
 		} else {
 			return (
 				<main>
-					<SEO title="nieznany profil" />
+					<SEO title="nieznany profil" dontindex />
 					<h1>Sorki!{" :("}</h1>
 					<p style={{ lineHeight: "30px" }}>
 						Sprawdź pisownię:
diff --git a/pages/rankingi.tsx b/pages/rankingi.tsx
index 1b66419..b02ac9f 100644
--- a/pages/rankingi.tsx
+++ b/pages/rankingi.tsx
@@ -1,9 +1,10 @@
 import { SEO } from "../components/SEO";
 
 const PageRankingi = () => {
+	const SEOdesc = `Strona w trakcie budowy - rankingi wiadomości i danych wśród użytkowników gractwa!`;
 	return (
 		<>
-			<SEO title="rankingi" />
+			<SEO title="rankingi" description={SEOdesc} />
 			<main>Miejsce na stronkę od rankingów.</main>
 		</>
 	);