moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor VerificationBadge

This commit is contained in:
Alex Gleason 2022-04-05 12:32:41 -05:00
parent fdb298c417
commit efe5670147
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/soapbox/components/verification_badge.tsx
View File

@ -1,10 +1,9 @@
import classNames from 'classnames'; import classNames from 'classnames';
import { Map as ImmutableMap } from 'immutable';
import React from 'react'; import React from 'react';
import { useIntl, defineMessages } from 'react-intl'; import { useIntl, defineMessages } from 'react-intl';
import { useSelector } from 'react-redux';
import Icon from 'soapbox/components/ui/icon/icon'; import Icon from 'soapbox/components/ui/icon/icon';
import { useSoapboxConfig } from 'soapbox/hooks';
const messages = defineMessages({ const messages = defineMessages({
verified: { id: 'account.verified', defaultMessage: 'Verified Account' }, verified: { id: 'account.verified', defaultMessage: 'Verified Account' },
@ -14,12 +13,12 @@ interface IVerificationBadge {
className?: string, className?: string,
} }
const VerificationBadge = ({ className }: IVerificationBadge) => { const VerificationBadge: React.FC<IVerificationBadge> = ({ className }) => {
const intl = useIntl(); const intl = useIntl();
const soapboxConfig = useSoapboxConfig();
// Prefer a custom icon if found // Prefer a custom icon if found
const customIcon = useSelector((state: ImmutableMap<string, any>) => state.getIn(['soapbox', 'verifiedIcon'])); const icon = soapboxConfig.verifiedIcon || require('icons/verified.svg');
const icon = customIcon || require('icons/verified.svg');
// Render component based on file extension // Render component based on file extension
const Element = icon.endsWith('.svg') ? Icon : 'img'; const Element = icon.endsWith('.svg') ? Icon : 'img';