fedisearch/application/src/components/badges/BotBadge.tsx

18 wiersze
1.1 KiB
TypeScript

import React from 'react'
const BotBadge:React.FC<{ bot: boolean | null }> = ({ bot }) => {
return (
<div className={' badge bot'} title={'Bot'}>
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="robot"
className="svg-inline--fa fa-robot fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 512">
<path fill="currentColor"
d="M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z"/>
</svg>
<span className={'label'}>Bot</span>
<span className={'value'}>{bot !== null ? (bot ? 'Yes' : 'No') : '?'}</span>
</div>
)
}
export default BotBadge