Fix verified badge in account lists potentially including rel="me" links (#25561)
This commit is contained in:
		@@ -1,11 +1,27 @@
 | 
			
		||||
import { Icon } from './icon';
 | 
			
		||||
 | 
			
		||||
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;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
interface Props {
 | 
			
		||||
  link: string;
 | 
			
		||||
}
 | 
			
		||||
export const VerifiedBadge: React.FC<Props> = ({ link }) => (
 | 
			
		||||
  <span className='verified-badge'>
 | 
			
		||||
    <Icon id='check' className='verified-badge__mark' />
 | 
			
		||||
    <span dangerouslySetInnerHTML={{ __html: link }} />
 | 
			
		||||
    <span dangerouslySetInnerHTML={stripRelMe(link)} />
 | 
			
		||||
  </span>
 | 
			
		||||
);
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user