1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-26 23:14:19 +00:00
pds-2021-g2-nest/code/frontend/src/components/interactive/BoxConditions.js
2021-04-29 16:58:31 +02:00

24 lines
648 B
JavaScript

import React from "react"
import BoxFull from "../base/BoxFull"
import ConditionBadge from "./ConditionBadge"
import useRepositoryEditor from "../../hooks/useRepositoryEditor"
/**
* A box which renders all conditions of the {@link RepositoryEditor} as {@link ConditionBadge}s.
*
* @param props
* @returns {JSX.Element}
* @constructor
*/
export default function BoxConditions({ ...props }) {
const {conditions} = useRepositoryEditor()
const badges = conditions.map((cond, pos) => <ConditionBadge key={pos} {...cond}/>)
return (
<BoxFull header={"Conditions"} {...props}>
{badges}
</BoxFull>
)
}