mirror of
https://github.com/pds-nest/nest.git
synced 2024-11-26 15:04:18 +00:00
40 lines
1.4 KiB
JavaScript
40 lines
1.4 KiB
JavaScript
|
import React from "react"
|
||
|
|
import Style from "./RepositorySummary.module.css"
|
||
|
|
import classNames from "classnames"
|
||
|
|
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
|
||
|
|
import Button from "./Button"
|
||
|
|
import { faArchive, faPencilAlt, faTrash } from "@fortawesome/free-solid-svg-icons"
|
||
|
|
|
||
|
|
|
||
|
|
export default function RepositorySummary({ className, icon, title, details, buttons, startDate, canDelete, canEdit, canArchive, ...props }) {
|
||
|
|
return (
|
||
|
|
<div className={classNames(Style.RepositorySummary, className)} {...props}>
|
||
|
|
<div className={Style.Left}>
|
||
|
|
<div className={Style.IconContainer}>
|
||
|
|
<FontAwesomeIcon icon={icon}/>
|
||
|
|
</div>
|
||
|
|
<div className={Style.Title}>
|
||
|
|
{title}
|
||
|
|
</div>
|
||
|
|
<div className={Style.StartDate}>
|
||
|
|
{startDate}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={Style.Middle}>
|
||
|
|
{details}
|
||
|
|
</div>
|
||
|
|
<div className={Style.Right}>
|
||
|
|
{canDelete ?
|
||
|
|
<Button color={"Red"} icon={faTrash}>Delete</Button>
|
||
|
|
: null}
|
||
|
|
{canEdit ?
|
||
|
|
<Button color={"Yellow"} icon={faPencilAlt}>Edit</Button>
|
||
|
|
: null}
|
||
|
|
{canArchive ?
|
||
|
|
<Button color={"Grey"} icon={faArchive}>Archive</Button>
|
||
|
|
: null}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|