owncast/web/components/chat/ChatUserBadge/AuthedUserBadge.tsx
2023-01-30 11:20:02 -08:00

17 lines
511 B
TypeScript

import dynamic from 'next/dynamic';
import React, { FC } from 'react';
import { ChatUserBadge } from './ChatUserBadge';
// Lazy loaded components
const SafetyCertificateFilled = dynamic(() => import('@ant-design/icons/SafetyCertificateFilled'), {
ssr: false,
});
export type AuthedUserBadgeProps = {
userColor: number;
};
export const AuthedUserBadge: FC<AuthedUserBadgeProps> = ({ userColor }) => (
<ChatUserBadge badge={<SafetyCertificateFilled />} userColor={userColor} title="Authenticated" />
);