import React from "react"; import PropTypes from "prop-types"; import { makeStyles } from "@material-ui/core/styles"; import Table from "@material-ui/core/Table"; import TableBody from "@material-ui/core/TableBody"; 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"; import styles from "../styles/tableStyles"; import { StyledTableCell, StyledTableRow } from "../../../components/common/MaterialTable"; const useStyles = makeStyles(styles); const SessionForwardsComponent = ({ session, forwards, openOptionsDialog }) => { const classes = useStyles(); const { t } = useTranslation(); return ( {!forwards || forwards.loading ? ( ) : ( forwards.loaded && ( {t("Session.Forwards.From")} {t("Session.Forwards.To")} {t("Session.Forwards.Options.Title")} {forwards.map((row) => ( {forwards.indexOf(row) + 1} {row.from} {row.to} {row.options ? ( >> ${row.to}` })} > ) : ( "" )} ))}
) )}

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