From e0afab14208ebd8e027769626be7941ac62b761f Mon Sep 17 00:00:00 2001
From: Sevka <240303vilkov@gmail.com>
Date: Fri, 22 Dec 2023 19:35:58 +0300
Subject: [PATCH] styles

---
 src/App.jsx                                 |   2 -
 src/Components/HomePage/index.jsx           |   2 +-
 src/Components/TableMeets/TableMeets.jsx    |  40 +++++++++++++
 src/Components/TableMeets/style.module.scss |   0
 src/components/TableMeets.jsx               |  61 --------------------
 src/img/headerImg/OgettoLogo.png            | Bin 0 -> 6011 bytes
 6 files changed, 41 insertions(+), 64 deletions(-)
 create mode 100644 src/Components/TableMeets/TableMeets.jsx
 create mode 100644 src/Components/TableMeets/style.module.scss
 delete mode 100644 src/components/TableMeets.jsx
 create mode 100644 src/img/headerImg/OgettoLogo.png

diff --git a/src/App.jsx b/src/App.jsx
index ca98dc7..dc8958a 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,7 +1,5 @@
 
 import './App.css'
-import FetchUtils from './components/fetchUtils/FetchUtils'
-import TableMeets from './components/TableMeets'
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import BeingPage from "./Components/BeingPage/index.jsx";
 import HomePage from "./Components/HomePage/index.jsx";
diff --git a/src/Components/HomePage/index.jsx b/src/Components/HomePage/index.jsx
index e16b310..d9c51dc 100644
--- a/src/Components/HomePage/index.jsx
+++ b/src/Components/HomePage/index.jsx
@@ -1,6 +1,6 @@
 import Header from "../Header";
 import styles from "./style.module.scss";
-import TableMeets from '../TableMeets'
+import TableMeets from '../TableMeets/TableMeets'
 const events = [
     {
       id: 1,
diff --git a/src/Components/TableMeets/TableMeets.jsx b/src/Components/TableMeets/TableMeets.jsx
new file mode 100644
index 0000000..a6a35a1
--- /dev/null
+++ b/src/Components/TableMeets/TableMeets.jsx
@@ -0,0 +1,40 @@
+import React, { useState } from 'react';
+import styles from './style.module.scss';
+import logo from '../../img/homePage/downArrow.png';
+import { style } from '@mui/system';
+const TableMeets = ({ events }) => {
+  const [isOpenMap, setIsOpenMap] = useState({});
+
+  const toggleDropdown = (eventId) => {
+    setIsOpenMap((prevIsOpenMap) => ({
+      ...prevIsOpenMap,
+      [eventId]: !prevIsOpenMap[eventId]
+    }));
+  };
+
+  return (
+    <div className={styles.meeting__container}>
+      <ul className={styles.meeting__cards}>
+        {events.map((event) => (
+          <li  key={event.id}>
+            <div className={styles.meeting__card}>
+              <span className={styles.date}>{event.date}</span>
+              <span className={styles.time}>{event.time}</span>
+              <span className={styles.title}>{event.title}</span>
+              <div className={styles.meeting__button} onClick={() => toggleDropdown(event.id)}><img src={logo} ></img></div>
+              {isOpenMap[event.id] && (
+                <div>
+                  <span>{event.speaker}</span>
+                  <img src={event.avatar} alt={event.speaker} />
+                  <p>{event.description}</p>
+                </div>
+              )}
+            </div>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+};
+
+export default TableMeets;
diff --git a/src/Components/TableMeets/style.module.scss b/src/Components/TableMeets/style.module.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/TableMeets.jsx b/src/components/TableMeets.jsx
deleted file mode 100644
index dedbac1..0000000
--- a/src/components/TableMeets.jsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import React, { useState } from 'react';
-import styled from 'styled-components';
-
-let Table = styled.div({
-  width: 1520,
-  border: '1px solid black'
-});
-
-let List = styled.div({
-  display: 'flex',
-  // justifyContent: 'center'
-});
-
-let Date = styled.span({
-  marginRight: 100
-});
-let Time = styled.span({
-  marginRight: 100
-});
-let Name = styled.span({
-    marginRight: 100
-  });
-
-const TableMeets = ({ events }) => {
-  const [isOpenMap, setIsOpenMap] = useState({});
-
-  const toggleDropdown = (eventId) => {
-    setIsOpenMap((prevIsOpenMap) => ({
-      ...prevIsOpenMap,
-      [eventId]: !prevIsOpenMap[eventId]
-    }));
-  };
-
-  return (
-    <Table>
-      <ul>
-        {events.map((event) => (
-          <li key={event.id}>
-            <div>
-              <Date>{event.date}</Date>
-              <Time>{event.time}</Time>
-              <Name>{event.title}</Name>
-              <span>
-                <button onClick={() => toggleDropdown(event.id)}>Показать список мероприятий</button>
-              </span>
-              {isOpenMap[event.id] && (
-                <div>
-                  <span>{event.speaker}</span>
-                  <img src={event.avatar} alt={event.speaker} />
-                  <p>{event.description}</p>
-                </div>
-              )}
-            </div>
-          </li>
-        ))}
-      </ul>
-    </Table>
-  );
-};
-
-export default TableMeets;
diff --git a/src/img/headerImg/OgettoLogo.png b/src/img/headerImg/OgettoLogo.png
new file mode 100644
index 0000000000000000000000000000000000000000..e96085a37c81204dd4ab6d780e04254baf6c6de7
GIT binary patch
literal 6011
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

literal 0
HcmV?d00001