From 5a23d75aa518bccbb692c7db7fd393d0c283ead0 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 9 May 2022 22:27:39 -0500
Subject: [PATCH] InstanceModerationPanel: convert to tsx

---
 .../components/instance_moderation_panel.js   | Bin 2640 -> 0 bytes
 .../components/instance_moderation_panel.tsx  |  65 ++++++++++++++++++
 2 files changed, 65 insertions(+)
 delete mode 100644 app/soapbox/features/ui/components/instance_moderation_panel.js
 create mode 100644 app/soapbox/features/ui/components/instance_moderation_panel.tsx

diff --git a/app/soapbox/features/ui/components/instance_moderation_panel.js b/app/soapbox/features/ui/components/instance_moderation_panel.js
deleted file mode 100644
index 2f18ba88728e0c1ec97a933997d12a4ac2e48cf9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2640
zcmaJ@U2p0*5Pj!Y%+n2(NO-5D>eaSg@zA>!+qcy!GRXkGo7k*v+OAOk`_4E{VxYZM
zg>dHc9G{tx94&%%MwTwQolInN(8j@w(TCUn4rpO(bOXtO&Z*-E<P?0?C`uRXhQE)d
zRnr`u*wlEL$NQzSH>aHUBJCJ^H29mQeiW*+I&nPtq-F0kHgE!|eq!lX%GEQda4Qu)
zqqSm(b_P${G{QNo!Xs#77^$S7I8~{YqFfhV2CL%-x%G6MKp#*&>q^vvr`6)H(I0an
zM`~r~4O=4$9|(S>-_<j!V`!ldp`uPu*T&AP;8ir_Rt$!*#g(#7s1n!MT_o4KNVi4d
zh$}naVueO<I|Uv6z5CV%675`ubY~7@wG%YrAN(EN8XN7fFMb8uVoj`R!+0muwRNz&
z3d%oEHoX~Qns9B9U)<yLGy%X$x~Bos0_fta1ti9|R`f_Rb}L5ciPwZU)-EW3LLSKl
zA{S_9lQwEY9R75|;j3m%Tk2*?q&u8Z$-O3Q?G5C2z&&+Xi6%1k9S}P?jTr^p4j!T`
z^^v3<3|TnajA)uR$h83s(!D947lv#zGO#J;e{s!j-y!#R)5S>py=tUdKq!_8KC-R7
zozVXTKl}oqkzsn^p1`p9r_DM38K`4Tqt$($V5`l$Fx48j3vlL$M91WQoWV(13u~d*
z3Qb86;fqjM1AaJE71{g6@Nzc$Cnkc)lO^!R=r&V6kmBmaxUn+5;mOaWUE{w;Nn_d}
zXA)vJ*1p<Zx%C&eh??n3W<<j0)Q^o{`wo;3%P`w$T?fty*<PrsM%Le`WD*7TdKwi~
zNqZ2k+|PpK$jj}e&6pI+!UE`Bro%RxCXWxR*W&5%;c@-_b@j&&QvaY?5*b}R^UFi+
z_Yf(2kn&iXm!cPOT+mkx3jK?v&wq|?b3sydbw;Y7MH^;}B;74wKaC^QpiCf1@>(MO
zFr?2&>A0scAW<$z{{DKW$-RHom^nYD?d3mt;4}NSOG5Vc?*XVGsi7f^UBm3|h>-JX
zqRH(h<q9)H>|%Hw_cze9=NA{d1XiYjlw~E~zz@L>(O{muyKQ>#+V2IIj=QI`BzGYe
z;LGTAkAlENuH-Di=$dNCW|x4dU7qa38`eo&e=A@sQvV!=UP88_U=9<Qj}1^(Ql5%4
zTu0SnLsjCS5O%k`dgIC}zgp5G0fna~V{kO12`~O=S?9?p9*Ez0-12hHjmAw}KRNYx
z`|aD;)E54AdkN?4jV&EEHb1crTCk?fPruY;rJYUR(9jwabtlf2=GD-)BHa@oa<_Mv
yw9iR6ckQSIe;$ut$*S<b6X=K28GvQKfMeD!l+PgI_evY<U>TQ>4*eQwC;tOlY<L;~

diff --git a/app/soapbox/features/ui/components/instance_moderation_panel.tsx b/app/soapbox/features/ui/components/instance_moderation_panel.tsx
new file mode 100644
index 0000000000..1a494df7e1
--- /dev/null
+++ b/app/soapbox/features/ui/components/instance_moderation_panel.tsx
@@ -0,0 +1,65 @@
+'use strict';
+
+import React from 'react';
+import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
+
+import { openModal } from 'soapbox/actions/modals';
+import DropdownMenu from 'soapbox/containers/dropdown_menu_container';
+import InstanceRestrictions from 'soapbox/features/federation_restrictions/components/instance_restrictions';
+import { useAppSelector, useAppDispatch, useOwnAccount } from 'soapbox/hooks';
+import { makeGetRemoteInstance } from 'soapbox/selectors';
+
+const getRemoteInstance = makeGetRemoteInstance();
+
+const messages = defineMessages({
+  editFederation: { id: 'remote_instance.edit_federation', defaultMessage: 'Edit federation' },
+});
+
+interface IInstanceModerationPanel {
+  /** Host (eg "gleasonator.com") of the remote instance to moderate. */
+  host: string,
+}
+
+/** Widget for moderators to manage a remote instance. */
+const InstanceModerationPanel: React.FC<IInstanceModerationPanel> = ({ host }) => {
+  const intl = useIntl();
+  const dispatch = useAppDispatch();
+
+  const account = useOwnAccount();
+  const remoteInstance = useAppSelector(state => getRemoteInstance(state, host));
+
+  const handleEditFederation = () => {
+    dispatch(openModal('EDIT_FEDERATION', { host }));
+  };
+
+  const makeMenu = () => {
+    return [{
+      text: intl.formatMessage(messages.editFederation),
+      action: handleEditFederation,
+      icon: require('@tabler/icons/icons/edit.svg'),
+    }];
+  };
+
+  const menu = makeMenu();
+
+  return (
+    <div className='wtf-panel instance-federation-panel'>
+      <div className='wtf-panel-header'>
+        <i role='img' className='fa fa-gavel wtf-panel-header__icon' />
+        <span className='wtf-panel-header__label'>
+          <span><FormattedMessage id='remote_instance.federation_panel.heading' defaultMessage='Federation Restrictions' /></span>
+        </span>
+        {account?.admin && (
+          <div className='wtf-panel__menu'>
+            <DropdownMenu items={menu} src={require('@tabler/icons/icons/dots-vertical.svg')} />
+          </div>
+        )}
+      </div>
+      <div className='wtf-panel__content'>
+        <InstanceRestrictions remoteInstance={remoteInstance} />
+      </div>
+    </div>
+  );
+};
+
+export default InstanceModerationPanel;