2024-01-12 05:31:24 -05:00
|
|
|
import CheckIcon from '@material-symbols/svg-600/outlined/check.svg?react';
|
2023-10-24 13:45:08 -04:00
|
|
|
|
2023-05-07 03:10:58 -04:00
|
|
|
import { Icon } from './icon';
|
|
|
|
|
2023-06-24 11:24:31 -04:00
|
|
|
const domParser = new DOMParser();
|
|
|
|
|
|
|
|
const stripRelMe = (html: string) => {
|
|
|
|
const document = domParser.parseFromString(html, 'text/html').documentElement;
|
|
|
|
|
|
|
|
document.querySelectorAll<HTMLAnchorElement>('a[rel]').forEach((link) => {
|
|
|
|
link.rel = link.rel
|
|
|
|
.split(' ')
|
|
|
|
.filter((x: string) => x !== 'me')
|
|
|
|
.join(' ');
|
|
|
|
});
|
|
|
|
|
|
|
|
const body = document.querySelector('body');
|
|
|
|
return body ? { __html: body.innerHTML } : undefined;
|
|
|
|
};
|
|
|
|
|
2023-05-10 06:59:29 -04:00
|
|
|
interface Props {
|
2023-05-07 03:10:58 -04:00
|
|
|
link: string;
|
2023-05-10 06:59:29 -04:00
|
|
|
}
|
2023-05-07 03:10:58 -04:00
|
|
|
export const VerifiedBadge: React.FC<Props> = ({ link }) => (
|
|
|
|
<span className='verified-badge'>
|
2023-10-24 13:45:08 -04:00
|
|
|
<Icon id='check' icon={CheckIcon} className='verified-badge__mark' />
|
2023-06-24 11:24:31 -04:00
|
|
|
<span dangerouslySetInnerHTML={stripRelMe(link)} />
|
2023-05-07 03:10:58 -04:00
|
|
|
</span>
|
|
|
|
);
|