Redesign the user badges (authed, mods)

This commit is contained in:
Gabe Kangas
2023-01-29 15:39:50 -08:00
parent 9ab729d996
commit 71bb8a7381
7 changed files with 75 additions and 34 deletions

View File

@@ -0,0 +1,17 @@
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="Moderator" />
);