From 014ad96efaf678fd6d2017b66e6b07225fe4b4a7 Mon Sep 17 00:00:00 2001
From: Justin Campbell <campb303@w2vm4.ecn.purdue.edu>
Date: Fri, 23 Oct 2020 00:13:46 -0400
Subject: [PATCH] Use TimelineActionCard for status

---
 src/components/ItemBodyView/ItemBodyView.js | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/components/ItemBodyView/ItemBodyView.js b/src/components/ItemBodyView/ItemBodyView.js
index 19e48fb..d823133 100644
--- a/src/components/ItemBodyView/ItemBodyView.js
+++ b/src/components/ItemBodyView/ItemBodyView.js
@@ -1,7 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { Timeline, TimelineItem, TimelineSeparator, TimelineConnector, TimelineContent, TimelineDot } from '@material-ui/lab';
-import { Typography, makeStyles } from "@material-ui/core";
+import { makeStyles } from "@material-ui/core";
 import DirectoryInformation from "../DirectoryInformation/";
 import Assignment from "../Assignment/";
 import TimelineActionCard from "../TimelineActionCard/";
@@ -36,9 +36,7 @@ export default function ItemBodyView({ item }) {
 				);
 			case "initial_message":
 				return (
-					<>
-						<MessageView {...section} />
-					</>
+					<MessageView {...section} />
 				);
 			case "edit":
 				return (
@@ -46,12 +44,7 @@ export default function ItemBodyView({ item }) {
 				);
 			case "status":
 				return (
-					<>
-						<Typography variant="subtitle2">
-							{`${section.by} update the status to at ${Date(section.datetime)}`}
-						</Typography>
-						{section.content.map((line) => <Typography variant="body1">{line}</Typography>)}
-					</>
+					<TimelineActionCard {...section} />
 				);
 			case "assignment":
 				return (