Impleted useItem hook to get alias from the active item, removed unec…

…csary prop
ECN · Mar 22, 2021 · b6866e8 · b6866e8
1 parent c8e5499
commit b6866e8
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/src/components/MessageView/MessageView.js b/src/components/MessageView/MessageView.js
@@ -2,9 +2,10 @@ import React from "react";
 import PropTypes from "prop-types";
 import { Paper, Typography, makeStyles, useTheme } from "@material-ui/core";
 import EmailHeader from "../EmailHeader/";
+import { useItem } from "../ItemProvider"
 
-export default function MessageView({ datetime, userAlias, from_name, from_email, to, cc, content }) {
-
+export default function MessageView({ datetime, from_name, from_email, to, cc, content }) {
+    const activeItem = useItem()
     const theme = useTheme();
     const useStyles = makeStyles({
         "content": {
@@ -16,7 +17,7 @@ export default function MessageView({ datetime, userAlias, from_name, from_email
 
     return (
         <Paper classes={{ root: classes["Paper-root"] }}>
-            <EmailHeader datetime={datetime} userAlias={userAlias} from_name={from_name} from_email={from_email} to={to} cc={cc} />
+            <EmailHeader datetime={datetime} userAlias={activeItem.userAlias} from_name={from_name} from_email={from_email} to={to} cc={cc} />
             <Paper variant="outlined" classes={{ root: classes.content }}>
                 {content.map((line) => (
                     line === "\n" ? <br /> : <Typography variant="body1">{line}</Typography>
@@ -29,8 +30,6 @@ export default function MessageView({ datetime, userAlias, from_name, from_email
 MessageView.propTypes = {
     /** Name of message sender. */
     "from_name": PropTypes.string,
-    /** Account alias of message sender. */
-    "userAlias": PropTypes.string,
     /** Date the message was sent in ISO 8601 format. */
     "datetime": PropTypes.string,
     /** Email address of message sender. */