bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

LandingPageModal: use Text component

Browse source
This commit is contained in:
Alex Gleason 2022-05-20 10:15:47 -05:00
parent 0a1457c26b
commit f3f6a15686
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/soapbox/features/ui/components/modals/landing-page-modal.tsx
View file

@ -3,7 +3,7 @@ import React from 'react';
import { defineMessages, useIntl } from 'react-intl'; import { defineMessages, useIntl } from 'react-intl';
import SiteLogo from 'soapbox/components/site-logo'; import SiteLogo from 'soapbox/components/site-logo';
import { Button, Icon, Modal } from 'soapbox/components/ui'; import { Text, Button, Icon, Modal } from 'soapbox/components/ui';
import { useAppSelector, useFeatures, useSoapboxConfig } from 'soapbox/hooks'; import { useAppSelector, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
const messages = defineMessages({ const messages = defineMessages({
@ -17,6 +17,7 @@ interface ILandingPageModal {
onClose: (type: string) => void, onClose: (type: string) => void,
} }
/** Login and links to display from the hamburger menu of the homepage. */
const LandingPageModal: React.FC<ILandingPageModal> = ({ onClose }) => { const LandingPageModal: React.FC<ILandingPageModal> = ({ onClose }) => {
const intl = useIntl(); const intl = useIntl();
@ -41,13 +42,13 @@ const LandingPageModal: React.FC<ILandingPageModal> = ({ onClose }) => {
<a <a
href={links.get('help')} href={links.get('help')}
target='_blank' target='_blank'
className='p-3 flex items-center rounded-md dark:hover:bg-slate-900/50 hover:bg-gray-50' className='p-3 space-x-3 flex items-center rounded-md dark:hover:bg-slate-900/50 hover:bg-gray-50'
> >
<Icon src={require('@tabler/icons/icons/lifebuoy.svg')} className='flex-shrink-0 h-6 w-6 text-gray-400 dark:text-gray-200' /> <Icon src={require('@tabler/icons/icons/lifebuoy.svg')} className='flex-shrink-0 h-6 w-6 text-gray-400 dark:text-gray-200' />
<span className='ml-3 text-base font-medium text-gray-900 dark:text-gray-200'> <Text weight='medium'>
{intl.formatMessage(messages.helpCenter)} {intl.formatMessage(messages.helpCenter)}
</span> </Text>
</a> </a>
</nav> </nav>
)} )}