Card messages added

frontend/src/digitalHuman/digitalHuman.js

@@ -166,8 +166,6 @@ function DigitalHuman() {
             return <div>
                 <List.Item style={{ padding: '1rem' }}>
                     <List.Item.Meta
-                        avatar={<Avatar icon={AvatarSrc} />}
-                        title={message.who}
                         description={renderCards(message.content.payload.fields.card.listValue.values)}
                     />
                 </List.Item>
@@ -193,7 +191,7 @@ function DigitalHuman() {
             </div>
             <div className='chat_footer'>
                 <button className={cls} onClick={() => { setCls((cls) => (cls === "red" ? "green" : "red")); setIsListening(prevState => !prevState); }}>
-                    <FaMicrophone style={{color: 'black'}}/>
+                    <FaMicrophone style={{color: 'black'}}/> 
                 </button>
                 <input
                     placeholder="Send a message..."

frontend/src/digitalHuman/sections/cardChat.js

@@ -6,7 +6,7 @@ const { Meta } = Card;
 function CardComponent(props) {
     return (
         <Card
-            style={{ width: 300 }}
+            style={{ width: 280, backgroundColor: 'aquamarine', boxShadow:'0.3px 0.3px 3px 3px rgba(127, 255, 212, 0.452)'}}
             cover={
                 <img
                     alt={props.cardInfo.fields.description.stringValue}
@@ -14,11 +14,12 @@ function CardComponent(props) {
             }
             actions={[
                 <a target="_blank" rel="noopener noreferrer" href={props.cardInfo.fields.link.stringValue}>
-                    <Icon type="ellipsis" key="ellipsis" />
+                    Watch Now
                 </a>
             ]}
         >
             <Meta
+                style={{ backgroundColor: 'aquamarine' }}
                 title={props.cardInfo.fields.stack.stringValue}
                 description={props.cardInfo.fields.description.stringValue}
             />