pds-2021-g2-nest/nest_frontend/components/interactive/SummaryUser.js

import React, { useContext } from "react"
import Summary from "../base/Summary"
import { faStar, faTrash, faUser } from "@fortawesome/free-solid-svg-icons"
import Button from "../base/Button"
import ContextUser from "../../contexts/ContextUser"
import ContextLanguage from "../../contexts/ContextLanguage"


export default function SummaryUser({ user, destroyUser, running, ...props }) {
    const { user: loggedUser } = useContext(ContextUser)
    const { strings } = useContext(ContextLanguage)

    const buttons = <>
        {loggedUser.email !== user.email ?
         <Button
             color={"Red"}
             icon={faTrash}
             onClick={async event => {
                 event.stopPropagation()
                 // TODO: Errors are not caught here. Where should they be displayed?
                 await destroyUser(user["email"])
             }}
             disabled={running}
         >
             {strings.delete}
         </Button>
                                         : null}
    </>

    return (
        <Summary
            icon={user.isAdmin ? faStar : faUser}
            title={user.username}
            subtitle={user.email}
            upperLabel={strings.type}
            upperValue={user.isAdmin ? strings.admin : strings.user}
            buttons={buttons}
            {...props}
        />
    )
}