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

---
 app/soapbox/pages/empty_page.js  | 24 ------------------------
 app/soapbox/pages/empty_page.tsx | 19 +++++++++++++++++++
 2 files changed, 19 insertions(+), 24 deletions(-)
 delete mode 100644 app/soapbox/pages/empty_page.js
 create mode 100644 app/soapbox/pages/empty_page.tsx

diff --git a/app/soapbox/pages/empty_page.js b/app/soapbox/pages/empty_page.js
deleted file mode 100644
index 042fd6c41..000000000
--- a/app/soapbox/pages/empty_page.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import ImmutablePureComponent from 'react-immutable-pure-component';
-
-import { Layout } from '../components/ui';
-
-export default class DefaultPage extends ImmutablePureComponent {
-
-  render() {
-    const { children } = this.props;
-
-    return (
-      <Layout>
-        <Layout.Sidebar />
-
-        <Layout.Main>
-          {children}
-        </Layout.Main>
-
-        <Layout.Aside />
-      </Layout>
-    );
-  }
-
-}
diff --git a/app/soapbox/pages/empty_page.tsx b/app/soapbox/pages/empty_page.tsx
new file mode 100644
index 000000000..3804b0812
--- /dev/null
+++ b/app/soapbox/pages/empty_page.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+
+import { Layout } from '../components/ui';
+
+const EmptyPage: React.FC = ({ children }) => {
+  return (
+    <Layout>
+      <Layout.Sidebar />
+
+      <Layout.Main>
+        {children}
+      </Layout.Main>
+
+      <Layout.Aside />
+    </Layout>
+  );
+};
+
+export default EmptyPage;