From 7df6d4bc9c18ba199f39fd95cbbdaee9e05e15ad Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 26 Apr 2022 12:05:49 -0500
Subject: [PATCH] BackgroundShapes: convert to TSX

---
 .../{background_shapes.js => background_shapes.tsx}          | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)
 rename app/soapbox/features/ui/components/{background_shapes.js => background_shapes.tsx} (92%)

diff --git a/app/soapbox/features/ui/components/background_shapes.js b/app/soapbox/features/ui/components/background_shapes.tsx
similarity index 92%
rename from app/soapbox/features/ui/components/background_shapes.js
rename to app/soapbox/features/ui/components/background_shapes.tsx
index efb7f846c..82809909b 100644
--- a/app/soapbox/features/ui/components/background_shapes.js
+++ b/app/soapbox/features/ui/components/background_shapes.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
-export default () => (
+/** Gradient that appears in the background of the UI. */
+const BackgroundShapes: React.FC = () => (
   <div className='fixed top-0 inset-x-0 flex justify-center overflow-hidden pointer-events-none'>
     <div className='flex-none flex justify-center'>
       <svg width='1754' height='1336' xmlns='http://www.w3.org/2000/svg'>
@@ -26,3 +27,5 @@ export default () => (
     </div>
   </div>
 );
+
+export default BackgroundShapes;