From 06ee19d1680f8490a3f507adbe484f5ea1d802c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Mon, 9 Sep 2024 23:40:54 +0200
Subject: [PATCH] pl-fe: noindex for remote content, no idea if this works for
 client-side rendering
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 packages/pl-fe/src/features/status/components/thread.tsx | 7 +++++++
 packages/pl-fe/src/layouts/event-layout.tsx              | 6 ++++++
 packages/pl-fe/src/layouts/profile-layout.tsx            | 6 ++++++
 packages/pl-fe/src/layouts/status-layout.tsx             | 6 +-----
 4 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/packages/pl-fe/src/features/status/components/thread.tsx b/packages/pl-fe/src/features/status/components/thread.tsx
index 9b8895a0e..f56d947d2 100644
--- a/packages/pl-fe/src/features/status/components/thread.tsx
+++ b/packages/pl-fe/src/features/status/components/thread.tsx
@@ -2,6 +2,7 @@ import { createSelector } from '@reduxjs/toolkit';
 import clsx from 'clsx';
 import { List as ImmutableList, OrderedSet as ImmutableOrderedSet } from 'immutable';
 import React, { useEffect, useRef } from 'react';
+import { Helmet } from 'react-helmet';
 import { useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
@@ -381,6 +382,12 @@ const Thread: React.FC<IThread> = ({
         })
       }
     >
+      {status.account.local === false && (
+        <Helmet>
+          <meta content='noindex, noarchive' name='robots' />
+        </Helmet>
+      )}
+
       <div
         ref={node}
         className={
diff --git a/packages/pl-fe/src/layouts/event-layout.tsx b/packages/pl-fe/src/layouts/event-layout.tsx
index 8122c056c..bff125771 100644
--- a/packages/pl-fe/src/layouts/event-layout.tsx
+++ b/packages/pl-fe/src/layouts/event-layout.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { Helmet } from 'react-helmet';
 import { FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
@@ -61,6 +62,11 @@ const EventLayout: React.FC<IEventLayout> = ({ params, children }) => {
 
   return (
     <>
+      {status?.account.local === false && (
+        <Helmet>
+          <meta content='noindex, noarchive' name='robots' />
+        </Helmet>
+      )}
       <Layout.Main>
         <Column label={event?.name} withHeader={false}>
           <div className='space-y-4'>
diff --git a/packages/pl-fe/src/layouts/profile-layout.tsx b/packages/pl-fe/src/layouts/profile-layout.tsx
index 49af9c9fd..321dd5bc0 100644
--- a/packages/pl-fe/src/layouts/profile-layout.tsx
+++ b/packages/pl-fe/src/layouts/profile-layout.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { Helmet } from 'react-helmet';
 import { FormattedMessage } from 'react-intl';
 import { Redirect, useHistory } from 'react-router-dom';
 
@@ -86,6 +87,11 @@ const ProfileLayout: React.FC<IProfileLayout> = ({ params, children }) => {
 
   return (
     <>
+      {account?.local === false && (
+        <Helmet>
+          <meta content='noindex, noarchive' name='robots' />
+        </Helmet>
+      )}
       <Layout.Main>
         <Column size='lg' label={account ? `@${getAcct(account, displayFqn)}` : ''} withHeader={false}>
           <div className='space-y-4'>
diff --git a/packages/pl-fe/src/layouts/status-layout.tsx b/packages/pl-fe/src/layouts/status-layout.tsx
index 857c2a1c5..003fa9d30 100644
--- a/packages/pl-fe/src/layouts/status-layout.tsx
+++ b/packages/pl-fe/src/layouts/status-layout.tsx
@@ -1,11 +1,7 @@
 import React from 'react';
 
 import LinkFooter from 'pl-fe/features/ui/components/link-footer';
-import {
-  WhoToFollowPanel,
-  TrendsPanel,
-  SignUpPanel,
-} from 'pl-fe/features/ui/util/async-components';
+import { WhoToFollowPanel, TrendsPanel, SignUpPanel } from 'pl-fe/features/ui/util/async-components';
 import { useAppSelector, useFeatures } from 'pl-fe/hooks';
 
 import { Layout } from '../components/ui';