pl-fe: noindex for remote content, no idea if this works for client-side rendering

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

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={

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'>

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'>

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';