import { Avatar, utils } from '@roleypoly/design-system/atoms/avatar'; import { Collapse } from '@roleypoly/design-system/atoms/collapse'; import { GuildSlug, UserGuildPermissions } from '@roleypoly/types'; import * as React from 'react'; import { GoPerson, GoStar, GoZap } from 'react-icons/go'; import { CardBase, CardLine, MaxWidthTitle, PermissionTagStyled, } from './ServerListingCard.styled'; type ServerListingProps = { guild: GuildSlug; }; export const ServerListingCard = (props: ServerListingProps) => ( {utils.initialsFromName(props.guild.name)} {props.guild.name} ); const PermissionTag = (props: { permissionLevel: UserGuildPermissions }) => { switch (props.permissionLevel) { case UserGuildPermissions.Admin: return ( Administrator ); case UserGuildPermissions.Manager: return ( Role Manager ); default: return ( Member ); } };