From bbf99a06e44b0383ffae67138c1dd8e605859db3 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 28 Apr 2022 12:47:30 -0500
Subject: [PATCH] AdminPage: convert to TSX

---
 app/soapbox/pages/admin_page.js  | Bin 1557 -> 0 bytes
 app/soapbox/pages/admin_page.tsx |  45 +++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+)
 delete mode 100644 app/soapbox/pages/admin_page.js
 create mode 100644 app/soapbox/pages/admin_page.tsx

diff --git a/app/soapbox/pages/admin_page.js b/app/soapbox/pages/admin_page.js
deleted file mode 100644
index 0b9362ca95ac5b082660452437db433c3ab68dd1..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1557
zcmc&!+iK%56nytroVT=4M^F3IIM6OEER+)Z14fbMMyxJIl1mojfA5iRiR?7AWnuFW
zENRZ1Iis<Ks*LsU!YT7mTBBfP!}IDs5&h9`rD{+2lJ9EEe;VA>Tu0bcjF7ZKOv*+O
zl8h{mwJs!<Yfpvdc4*}ct@h?fN=`jiI#LV5MvNo-t|*^&PNJFw;Gs}LKhw86e14*y
zJO99#skL`Is=2&N+ACdZFC?MvuVyE??o98K(0_gz<0q->^-Sepgd-B6dD&qD0Y7$*
z7QCdj^a+#HxnApzzH;D4&voJ816!K}r?H6O_U0DCm;gAx^Uwf02wC76w2*;62)C}R
zsT}qUD9h184L98aU{i=U=$b!M#j{lvnuotMrNOw>b^u<6=IFYtm3C*iC33)|6f=|O
zRj@r2Ow2*oT*#%Gz7_}VT1IsJQJP9#`bf*yxbs|S%-w<k^(~^wJv&T6&zdo3?a8sw
zyZ<#45V9?7PAjr)BO3yILuS3^j2nWt7H<w)5!dG|RrsbY=Dk+B00T5*=H|ovQ>7s|
zS1;d+*Ta9h{R>}~uLVI0C4AQWXyIFtz|@?5i%1-f5UGz6GX%7YU4)5B&K9@#7_v4=
G+T<OHzS;u-

diff --git a/app/soapbox/pages/admin_page.tsx b/app/soapbox/pages/admin_page.tsx
new file mode 100644
index 0000000000..5d4d3c879b
--- /dev/null
+++ b/app/soapbox/pages/admin_page.tsx
@@ -0,0 +1,45 @@
+import React from 'react';
+
+import BundleContainer from 'soapbox/features/ui/containers/bundle_container';
+import {
+  AdminNav,
+  LatestAccountsPanel,
+} from 'soapbox/features/ui/util/async-components';
+
+import LinkFooter from '../features/ui/components/link_footer';
+
+const AdminPage: React.FC = ({ children }) => {
+  return (
+    <div className='page page--admin'>
+      <div className='page__columns'>
+        <div className='columns-area__panels'>
+
+          <div className='columns-area__panels__pane columns-area__panels__pane--left'>
+            <div className='columns-area__panels__pane__inner'>
+              <BundleContainer fetchComponent={AdminNav}>
+                {Component => <Component />}
+              </BundleContainer>
+            </div>
+          </div>
+
+          <div className='columns-area__panels__main'>
+            <div className='columns-area'>
+              {children}
+            </div>
+          </div>
+
+          <div className='columns-area__panels__pane columns-area__panels__pane--right'>
+            <div className='columns-area__panels__pane__inner'>
+              <BundleContainer fetchComponent={LatestAccountsPanel}>
+                {Component => <Component limit={5} />}
+              </BundleContainer>
+              <LinkFooter />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default AdminPage;