components rename

public/locales/en/translations.json

@@ -30,7 +30,7 @@
     "Details": {
       "From": "From",
       "To": "To",
-      "Options": "Option"
+      "Options": "Options"
     }
   }
 }

src/features/session/components/SessionForwardsComponent.js

@@ -12,7 +12,7 @@ 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 SessionDetailsHeaderComponent from "./SessionDetailsHeaderComponent";
+import SessionForwardsHeaderComponent from "./SessionForwardsHeaderComponent";
 import { Grid } from "@material-ui/core";
 import { useTranslation } from "react-i18next";
 
@@ -40,7 +40,7 @@ const useStyles = makeStyles({
   }
 });
 
-const SessionDetailsComponent = ({ session, forwards }) => {
+const SessionForwardsComponent = ({ session, forwards }) => {
   const classes = useStyles();
   const { t } = useTranslation();
 
@@ -100,15 +100,15 @@ const SessionDetailsComponent = ({ session, forwards }) => {
         <br />
       </Grid>
       <Grid item xs={12} sm={12} md={12}>
-        <SessionDetailsHeaderComponent session={session} />
+        <SessionForwardsHeaderComponent session={session} />
       </Grid>
     </Grid>
   );
 };
 
-SessionDetailsComponent.propTypes = {
+SessionForwardsComponent.propTypes = {
   session: PropTypes.object.isRequired,
   forwards: PropTypes.array
 };
 
-export default SessionDetailsComponent;
+export default SessionForwardsComponent;

src/features/session/components/SessionForwardsHeaderComponent.js

@@ -7,7 +7,7 @@ import styles from "../styles/gridStyles";
 
 const useStyles = makeStyles(styles);
 
-const SessionDetailsHeaderComponent = ({ session }) => {
+const SessionForwardsHeaderComponent = ({ session }) => {
   const classes = useStyles();
   const { t } = useTranslation();
 
@@ -28,8 +28,8 @@ const SessionDetailsHeaderComponent = ({ session }) => {
   );
 };
 
-SessionDetailsHeaderComponent.propTypes = {
+SessionForwardsHeaderComponent.propTypes = {
   session: PropTypes.object.isRequired
 };
 
-export default SessionDetailsHeaderComponent;
+export default SessionForwardsHeaderComponent;

src/features/session/components/SessionListComponent.js

@@ -6,7 +6,7 @@ import ExpansionPanelDetails from "@material-ui/core/ExpansionPanelDetails";
 import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
 import PropTypes from "prop-types";
 import SessionSummary from "./SessionSummary";
-import SessionDetailsComponent from "./SessionDetailsComponent";
+import SessionForwardsComponent from "./SessionForwardsComponent";
 import Spinner from "../../../components/common/Spinner";
 import { useTranslation } from "react-i18next";
 
@@ -45,7 +45,7 @@ const SessionListComponent = ({ sessions, handleToggle, forwards }) => {
                 <SessionSummary session={session} />
               </ExpansionPanelSummary>
               <ExpansionPanelDetails>
-                <SessionDetailsComponent
+                <SessionForwardsComponent
                   session={session}
                   forwards={forwards[session.sessionId]}
                 />