import React from "react"; import PropTypes from "prop-types"; import { withStyles, makeStyles } from "@material-ui/core/styles"; import Table from "@material-ui/core/Table"; import TableBody from "@material-ui/core/TableBody"; import TableCell from "@material-ui/core/TableCell"; import TableContainer from "@material-ui/core/TableContainer"; import TableHead from "@material-ui/core/TableHead"; import TableRow from "@material-ui/core/TableRow"; import Paper from "@material-ui/core/Paper"; import Spinner from "../../../components/common/Spinner"; import DonutLargeRoundedIcon from "@material-ui/icons/DonutLargeRounded"; import IconButton from "@material-ui/core/IconButton"; import Tooltip from "@material-ui/core/Tooltip"; import SessionForwardsHeaderComponent from "./SessionForwardsHeaderComponent"; import { Grid } from "@material-ui/core"; import { useTranslation } from "react-i18next"; const StyledTableCell = withStyles((theme) => ({ head: { backgroundColor: theme.palette.primary.main, color: theme.palette.common.white }, body: { fontSize: 14 } }))(TableCell); const StyledTableRow = withStyles((theme) => ({ root: { "&:nth-of-type(odd)": { backgroundColor: theme.palette.action.hover } } }))(TableRow); const useStyles = makeStyles({ table: { minWidth: 700 } }); const SessionForwardsComponent = ({ session, forwards }) => { const classes = useStyles(); const { t } = useTranslation(); return ( {!forwards || forwards.loading ? ( ) : ( forwards.loaded && ( {t("Session.Details.From")} {t("Session.Details.To")} {t("Session.Details.Options")} {forwards.map((row) => ( {forwards.indexOf(row) + 1} {row.from} {row.to} {row.options ? ( ) : ( "" )} ))}
) )}

); }; SessionForwardsComponent.propTypes = { session: PropTypes.object.isRequired, forwards: PropTypes.array }; export default SessionForwardsComponent;