// member-list-item.tsx
// Copyright (C) 2020 Dwayne Harris
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
// You should have received a copy of the GNU General Public License
// along with this program. If not, see .
import React, { FC } from 'react'
import { Link } from 'react-router-dom'
import capitalize from 'lodash/capitalize'
import { useTheme } from '../hooks'
import { User, GroupMembershipType } from '../types'
interface Props {
member: User
}
const MemberListItem: FC = ({ member }) => {
const theme = useTheme()
const tagColor = () => {
switch (member.membership as GroupMembershipType) {
case GroupMembershipType.Admin: return theme.green
case GroupMembershipType.Moderator: return theme.red
case GroupMembershipType.Member: return theme.blue
default: return ''
}
}
return (
{member.name}
@{member.id}
{capitalize(member.membership as string)}