update card.js and show card on front

@@ -41,15 +41,21 @@ function Chatbot() {
         try {
         try {
             if(inputString[0] === '@'){
             if(inputString[0] === '@'){
                 const response = await Axios.post('/api/crawling/textQuery', textQueryVariables)
                 const response = await Axios.post('/api/crawling/textQuery', textQueryVariables)
-                console.log("res",response)
 
 
-                for (let content of response.data) {
+                for(var i = 0; i < 3; i++){
                     conversation = {
                     conversation = {
-                        who: '소통이',
-                        content : content
+                        who : '소통이',
+                        content : response.data[i]
                     }
                     }
                     dispatch(saveMessage(conversation))
                     dispatch(saveMessage(conversation))
                 }
                 }
+                // for (let content of response.data) {
+                //     conversation = {
+                //         who: '소통이',
+                //         content : content
+                //     }
+                //     dispatch(saveMessage(conversation))
+                // }
                 
                 
             } else {
             } else {
                 //I will send request to the textQuery ROUTE 
                 //I will send request to the textQuery ROUTE 
@@ -81,8 +87,6 @@ function Chatbot() {
 
 
     }
     }
 
 
-
-    //eventQuery 삭제하기.
     const eventQuery = async (event) => {
     const eventQuery = async (event) => {
 
 
         // We need to take care of the message Chatbot sent 
         // We need to take care of the message Chatbot sent 
@@ -94,7 +98,6 @@ function Chatbot() {
             //I will send request to the textQuery ROUTE 
             //I will send request to the textQuery ROUTE 
             const response = await Axios.post('/api/dialogflow/eventQuery', eventQueryVariables)
             const response = await Axios.post('/api/dialogflow/eventQuery', eventQueryVariables)
             for (let content of response.data.fulfillmentMessages) {
             for (let content of response.data.fulfillmentMessages) {
-
                 let conversation = {
                 let conversation = {
                     who: '소통이',
                     who: '소통이',
                     content: content
                     content: content
@@ -135,7 +138,12 @@ function Chatbot() {
     }
     }
 
 
     const renderCards = (cards) => {
     const renderCards = (cards) => {
-        return cards.map((card,i) => <Card key={i} cardInfo={card.content} />)
+        let Cards = []; //넣을 배열
+        let pushCard = {};
+        pushCard["content"] = cards;
+        Cards.push(pushCard);
+        Cards.map((card,i) => console.log("card.content",card.content))
+        return Cards.map((card,i) => <Card key={i} cardInfo={card.content} />)
     }
     }
 
 
 
 
@@ -151,7 +159,7 @@ function Chatbot() {
         else if (message.content && message.content.description) {
         else if (message.content && message.content.description) {
 
 
             const AvatarSrc = message.who === '소통이' ? <Icon type="robot" /> : <Icon type="smile" />
             const AvatarSrc = message.who === '소통이' ? <Icon type="robot" /> : <Icon type="smile" />
-
+            console.log("message content",message.content)
             return <div>
             return <div>
                 <List.Item style={{ padding: '1rem' }}>
                 <List.Item style={{ padding: '1rem' }}>
                     <List.Item.Meta
                     <List.Item.Meta

@@ -4,24 +4,24 @@ import { Card, Icon } from 'antd';
 const { Meta } = Card;
 const { Meta } = Card;
 
 
 function CardComponent(props) {
 function CardComponent(props) {
-    console.log(props)
+    console.log("props" ,props)
     return (
     return (
         <Card
         <Card
             style={{ width: 300 }}
             style={{ width: 300 }}
             cover={
             cover={
                 <img
                 <img
-                    alt={props.cardInfo.content.description}
-                    src={props.cardInfo.content.image} />
+                    alt={props.cardInfo.description}
+                    src={props.cardInfo.image} />
             }
             }
             actions={[
             actions={[
-                <a target="_blank" rel="noopener noreferrer" href={props.cardInfo.content.link}>
+                <a target="_blank" rel="noopener noreferrer" href={props.cardInfo.link}>
                     <Icon type="ellipsis" key="ellipsis" />
                     <Icon type="ellipsis" key="ellipsis" />
                 </a>
                 </a>
             ]}
             ]}
         >
         >
             <Meta
             <Meta
-                title={props.cardInfo.content.title}
-                description={props.cardInfo.content.description}
+                title={props.cardInfo.title}
+                description={props.cardInfo.description}
             />
             />
 
 
         </Card>
         </Card>