Fixed up scheduling logic using UTC dates instead of local dates. Updated scheduling header. Fixed month view not showing. BOD-179

client/src/components/chat-messages-list/chat-message-list.component.jsx

@@ -1,6 +1,6 @@
 import Icon from "@ant-design/icons";
 import React, { useEffect, useRef } from "react";
-import { FaCheck, FaCheckDouble } from "react-icons/fa";
+import { MdDone, MdDoneAll } from "react-icons/md";
 import {
   AutoSizer,
   CellMeasurer,
@@ -38,8 +38,9 @@ export default function ChatMessageListComponent({ messages }) {
             style={style}
             className={`${
               messages[index].isoutbound ? "mine messages" : "yours messages"
-            }`}>
-            <div className='message msgmargin'>
+            }`}
+          >
+            <div className="message msgmargin">
               {MessageRender(messages[index])}
               {StatusRender(messages[index].status)}
             </div>
@@ -50,7 +51,7 @@ export default function ChatMessageListComponent({ messages }) {
   };
 
   return (
-    <div className='chat'>
+    <div className="chat">
       <AutoSizer>
         {({ height, width }) => (
           <List
@@ -73,12 +74,8 @@ export default function ChatMessageListComponent({ messages }) {
 const MessageRender = (message) => {
   if (message.image) {
     return (
-      <a href={message.image_path} target='__blank'>
-        <img
-          alt='Received'
-          className='message-img'
-          src={message.image_path}
-        />
+      <a href={message.image_path} target="__blank">
+        <img alt="Received" className="message-img" src={message.image_path} />
       </a>
     );
   } else {
@@ -89,9 +86,9 @@ const MessageRender = (message) => {
 const StatusRender = (status) => {
   switch (status) {
     case "sent":
-      return <Icon component={FaCheck} className='message-icon' />;
+      return <Icon component={MdDone} className="message-icon" />;
     case "delivered":
-      return <Icon component={FaCheckDouble} className='message-icon' />;
+      return <Icon component={MdDoneAll} className="message-icon" />;
     default:
       return null;
   }