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
);
}
};