index.tsx raw

   1  import { Badge } from '@/components/ui/badge'
   2  import { TSignerType } from '@/types'
   3  import { useTranslation } from 'react-i18next'
   4  
   5  export default function SignerTypeBadge({ signerType }: { signerType: TSignerType }) {
   6    const { t } = useTranslation()
   7  
   8    if (signerType === 'nip-07') {
   9      return <Badge className=" bg-green-400 hover:bg-green-400 px-1 py-0">{t('Extension')}</Badge>
  10    } else if (signerType === 'ncryptsec') {
  11      return (
  12        <Badge className="bg-violet-400 hover:bg-violet-400 px-1 py-0">{t('Encrypted Key')}</Badge>
  13      )
  14    } else if (signerType === 'nsec') {
  15      return (
  16        <Badge className=" bg-orange-400 hover:bg-orange-400 px-1 py-0">{t('Private Key')}</Badge>
  17      )
  18    } else if (signerType === 'npub') {
  19      return <Badge className=" bg-yellow-400 hover:bg-yellow-400 px-1 py-0">NPUB</Badge>
  20    }
  21  }
  22