From 00989a7dfc169826eb73ea8c4c8b8264958674df Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 19 Nov 2022 18:28:34 -0600
Subject: [PATCH] LandingPage: use Markup component for instance description

---
 app/soapbox/features/landing-page/index.tsx        | 13 +++++--------
 .../features/landing-page/instance-description.css | 14 --------------
 2 files changed, 5 insertions(+), 22 deletions(-)
 delete mode 100644 app/soapbox/features/landing-page/instance-description.css

diff --git a/app/soapbox/features/landing-page/index.tsx b/app/soapbox/features/landing-page/index.tsx
index b5332fa34..08b9c2242 100644
--- a/app/soapbox/features/landing-page/index.tsx
+++ b/app/soapbox/features/landing-page/index.tsx
@@ -2,14 +2,13 @@ import * as React from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import { prepareRequest } from 'soapbox/actions/consumer-auth';
+import Markup from 'soapbox/components/markup';
 import { Button, Card, CardBody, Stack, Text } from 'soapbox/components/ui';
 import VerificationBadge from 'soapbox/components/verification-badge';
 import RegistrationForm from 'soapbox/features/auth-login/components/registration-form';
 import { useAppDispatch, useAppSelector, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
 import { capitalize } from 'soapbox/utils/strings';
 
-import './instance-description.css';
-
 const LandingPage = () => {
   const dispatch = useAppDispatch();
   const features = useFeatures();
@@ -114,12 +113,10 @@ const LandingPage = () => {
                   {instance.title}
                 </h1>
 
-                <Text size='lg'>
-                  <span
-                    className='instance-description'
-                    dangerouslySetInnerHTML={{ __html: instance.short_description || instance.description }}
-                  />
-                </Text>
+                <Markup
+                  size='lg'
+                  dangerouslySetInnerHTML={{ __html: instance.short_description || instance.description }}
+                />
               </Stack>
             </div>
           </div>
diff --git a/app/soapbox/features/landing-page/instance-description.css b/app/soapbox/features/landing-page/instance-description.css
deleted file mode 100644
index f67097de0..000000000
--- a/app/soapbox/features/landing-page/instance-description.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/* Instance HTML from the API. */
-.instance-description a {
-  @apply underline;
-}
-
-.instance-description b,
-.instance-description strong {
-  @apply font-bold;
-}
-
-.instance-description i,
-.instance-description em {
-  @apply italic;
-}