1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-23 05:24:18 +00:00
pds-2021-g2-nest/nest_frontend/components/interactive/BoxConditions.js
2021-05-18 00:22:11 +02:00

25 lines
707 B
JavaScript

import React from "react"
import BoxFull from "../base/BoxFull"
import ConditionBadge from "./ConditionBadge"
import useRepositoryEditor from "../../hooks/useRepositoryEditor"
import Localization from "../../Localization"
/**
* 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={Localization.conditions} {...props}>
{badges}
</BoxFull>
)
}