idImg

src/Components/Card/index.jsx

@@ -1,22 +1,32 @@
 import './style.module.scss';
 
 
+import { HttpApiMethods } from '../fetchUtils/FetchUtils';
 
-
-const Card = () => {
+const httpApiMethods = new HttpApiMethods()
+function extractDateTime(dateString) {
+    const dateTime = new Date(dateString);
+    const date = dateTime.toLocaleDateString();
+    const time = dateTime.toLocaleTimeString();
+    
+    return { date, time };
+}
 
 
 
+const Card = (item) => {
+
+    console.log(item);
     return (
         <>
-            <div className='event_card'>
-                <div className="event-card__photo" />
-                <div className="taggs">
-                <div className='tagged'>Психология</div>
-                <div className="feautures">Предстоящее</div>
-                </div>
-                <h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
-                <p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
+            <div className='event_card' >
+                <div className="event-card__photo"><img className='img' src={httpApiMethods.APIURL_FILES + item.speackerImage} alt="{item.speackerImage}" /></div>
+                    <div className="taggs">
+                        <div className='tagged'>{item.tags}</div>
+                        <div className="feautures">{item.type}</div>
+                    </div>
+                <h4 className="event-card__title">{item.title}</h4>
+                <p className="event-card__date">{extractDateTime(item.time).date}, в {extractDateTime(item.time).time} по Московскому времени</p>
             </div>
         </>
     )