From ac7c5be419b04b6b3b7907f585e3ef516fa935ad Mon Sep 17 00:00:00 2001 From: Demi-Play Date: Fri, 22 Dec 2023 18:37:26 +0300 Subject: [PATCH] rrr tables --- package-lock.json | 214 --------------------- package.json | 2 - src/App.jsx | 47 +++-- src/Components/BeingPage/index.jsx | 10 - src/Components/BeingPage/style.module.scss | 0 src/Components/Header/index.jsx | 22 --- src/Components/Header/style.module.scss | 37 ---- src/Components/HomePage/index.jsx | 16 -- src/Components/HomePage/style.module.scss | 6 - src/Components/css/module.style.css | 1 - src/Components/css/module.style.css.map | 1 - src/Components/css/style.module.css | 1 - src/Components/css/style.module.css.map | 1 - src/components/TableMeets.jsx | 61 ++++++ src/components/fetchUtils/FetchUtils.jsx | 68 +++++++ src/components/fetchUtils/style.css | 18 ++ src/img/headerImg/OgettoLogo.png | Bin 6011 -> 0 bytes 17 files changed, 181 insertions(+), 324 deletions(-) delete mode 100644 src/Components/BeingPage/index.jsx delete mode 100644 src/Components/BeingPage/style.module.scss delete mode 100644 src/Components/Header/index.jsx delete mode 100644 src/Components/Header/style.module.scss delete mode 100644 src/Components/HomePage/index.jsx delete mode 100644 src/Components/HomePage/style.module.scss delete mode 100644 src/Components/css/module.style.css delete mode 100644 src/Components/css/module.style.css.map delete mode 100644 src/Components/css/style.module.css delete mode 100644 src/Components/css/style.module.css.map create mode 100644 src/components/TableMeets.jsx create mode 100644 src/components/fetchUtils/FetchUtils.jsx create mode 100644 src/components/fetchUtils/style.css delete mode 100644 src/img/headerImg/OgettoLogo.png diff --git a/package-lock.json b/package-lock.json index 0ace46e..9c40582 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,7 +17,6 @@ "axios": "^1.6.2", "react": "^18.2.0", "react-dom": "^18.2.0", - "react-router-dom": "^6.21.1", "styled-components": "^6.1.2" }, "devDependencies": { @@ -28,7 +27,6 @@ "eslint-plugin-react": "^7.33.2", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.5", - "sass": "^1.69.5", "vite": "^5.0.8" } }, @@ -1414,14 +1412,6 @@ "url": "https://opencollective.com/popperjs" } }, - "node_modules/@remix-run/router": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.14.1.tgz", - "integrity": "sha512-Qg4DMQsfPNAs88rb2xkdk03N3bjK4jgX5fR24eHCTR9q6PrhZQZ4UJBPzCHJkIpTRN1UKxx2DzjZmnC+7Lj0Ow==", - "engines": { - "node": ">=14.0.0" - } - }, "node_modules/@rollup/rollup-android-arm-eabi": { "version": "4.9.1", "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.1.tgz", @@ -1761,19 +1751,6 @@ "node": ">=4" } }, - "node_modules/anymatch": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", - "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", - "dev": true, - "dependencies": { - "normalize-path": "^3.0.0", - "picomatch": "^2.0.4" - }, - "engines": { - "node": ">= 8" - } - }, "node_modules/argparse": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", @@ -1954,15 +1931,6 @@ "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", "dev": true }, - "node_modules/binary-extensions": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", - "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", - "dev": true, - "engines": { - "node": ">=8" - } - }, "node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -1973,18 +1941,6 @@ "concat-map": "0.0.1" } }, - "node_modules/braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", - "dev": true, - "dependencies": { - "fill-range": "^7.0.1" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/browserslist": { "version": "4.22.2", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz", @@ -2080,45 +2036,6 @@ "node": ">=4" } }, - "node_modules/chokidar": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", - "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", - "dev": true, - "funding": [ - { - "type": "individual", - "url": "https://paulmillr.com/funding/" - } - ], - "dependencies": { - "anymatch": "~3.1.2", - "braces": "~3.0.2", - "glob-parent": "~5.1.2", - "is-binary-path": "~2.1.0", - "is-glob": "~4.0.1", - "normalize-path": "~3.0.0", - "readdirp": "~3.6.0" - }, - "engines": { - "node": ">= 8.10.0" - }, - "optionalDependencies": { - "fsevents": "~2.3.2" - } - }, - "node_modules/chokidar/node_modules/glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, - "dependencies": { - "is-glob": "^4.0.1" - }, - "engines": { - "node": ">= 6" - } - }, "node_modules/clsx": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", @@ -2823,18 +2740,6 @@ "node": "^10.12.0 || >=12.0.0" } }, - "node_modules/fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", - "dev": true, - "dependencies": { - "to-regex-range": "^5.0.1" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/find-root": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz", @@ -3182,12 +3087,6 @@ "node": ">= 4" } }, - "node_modules/immutable": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz", - "integrity": "sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==", - "dev": true - }, "node_modules/import-fresh": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", @@ -3288,18 +3187,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/is-binary-path": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", - "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", - "dev": true, - "dependencies": { - "binary-extensions": "^2.0.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/is-boolean-object": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz", @@ -3423,15 +3310,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/is-number": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true, - "engines": { - "node": ">=0.12.0" - } - }, "node_modules/is-number-object": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz", @@ -3810,15 +3688,6 @@ "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==", "dev": true }, - "node_modules/normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", @@ -4053,18 +3922,6 @@ "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" }, - "node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, "node_modules/postcss": { "version": "8.4.32", "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz", @@ -4187,36 +4044,6 @@ "node": ">=0.10.0" } }, - "node_modules/react-router": { - "version": "6.21.1", - "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.21.1.tgz", - "integrity": "sha512-W0l13YlMTm1YrpVIOpjCADJqEUpz1vm+CMo47RuFX4Ftegwm6KOYsL5G3eiE52jnJpKvzm6uB/vTKTPKM8dmkA==", - "dependencies": { - "@remix-run/router": "1.14.1" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "react": ">=16.8" - } - }, - "node_modules/react-router-dom": { - "version": "6.21.1", - "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.21.1.tgz", - "integrity": "sha512-QCNrtjtDPwHDO+AO21MJd7yIcr41UetYt5jzaB9Y1UYaPTCnVuJq6S748g1dE11OQlCFIQg+RtAA1SEZIyiBeA==", - "dependencies": { - "@remix-run/router": "1.14.1", - "react-router": "6.21.1" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "react": ">=16.8", - "react-dom": ">=16.8" - } - }, "node_modules/react-transition-group": { "version": "4.4.5", "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz", @@ -4232,18 +4059,6 @@ "react-dom": ">=16.6.0" } }, - "node_modules/readdirp": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", - "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dev": true, - "dependencies": { - "picomatch": "^2.2.1" - }, - "engines": { - "node": ">=8.10.0" - } - }, "node_modules/reflect.getprototypeof": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz", @@ -4420,23 +4235,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/sass": { - "version": "1.69.5", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.69.5.tgz", - "integrity": "sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==", - "dev": true, - "dependencies": { - "chokidar": ">=3.0.0 <4.0.0", - "immutable": "^4.0.0", - "source-map-js": ">=0.6.2 <2.0.0" - }, - "bin": { - "sass": "sass.js" - }, - "engines": { - "node": ">=14.0.0" - } - }, "node_modules/scheduler": { "version": "0.23.0", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", @@ -4701,18 +4499,6 @@ "node": ">=4" } }, - "node_modules/to-regex-range": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", - "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, - "dependencies": { - "is-number": "^7.0.0" - }, - "engines": { - "node": ">=8.0" - } - }, "node_modules/tslib": { "version": "2.6.2", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", diff --git a/package.json b/package.json index 35b7f45..3cb03f6 100644 --- a/package.json +++ b/package.json @@ -19,7 +19,6 @@ "axios": "^1.6.2", "react": "^18.2.0", "react-dom": "^18.2.0", - "react-router-dom": "^6.21.1", "styled-components": "^6.1.2" }, "devDependencies": { @@ -30,7 +29,6 @@ "eslint-plugin-react": "^7.33.2", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.5", - "sass": "^1.69.5", "vite": "^5.0.8" } } diff --git a/src/App.jsx b/src/App.jsx index 62172dc..692d3d2 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,22 +1,43 @@ - -import { BrowserRouter, Routes, Route } from "react-router-dom"; -import BeingPage from "./Components/BeingPage/index.jsx"; -import HomePage from "./Components/HomePage/index.jsx"; +import { useState } from 'react' +import reactLogo from './assets/react.svg' +import viteLogo from '/vite.svg' import './App.css' +import FetchUtils from './components/fetchUtils/FetchUtils' +import TableMeets from './components/TableMeets' + +const events = [ + { + id: 1, + date: '10.10.2022', + time: '14:00', + title: 'Мероприятие 1', + speaker: 'Спикер 1', + avatar: 'speaker1.jpg', + description: 'Описание мероприятия 1', + isExpanded: true, + }, + { + id: 2, + date: '11.10.2022', + time: '15:30', + title: 'Мероприятие 2', + speaker: 'Спикер 2', + avatar: 'speaker2.jpg', + description: 'Описание мероприятия 2', + isExpanded: true, + }, + // Добавьте другие мероприятия сюда +]; + + function App() { - + const [count, setCount] = useState(0) return ( <> - - - }/> - }/> - - - - + {/* */} + ) } diff --git a/src/Components/BeingPage/index.jsx b/src/Components/BeingPage/index.jsx deleted file mode 100644 index 3327b1a..0000000 --- a/src/Components/BeingPage/index.jsx +++ /dev/null @@ -1,10 +0,0 @@ -import React from "react" -import styles from "./style.module.scss"; - -const BeingPage = () => { - return ( -
Hello world
- ) -} - -export default BeingPage \ No newline at end of file diff --git a/src/Components/BeingPage/style.module.scss b/src/Components/BeingPage/style.module.scss deleted file mode 100644 index e69de29..0000000 diff --git a/src/Components/Header/index.jsx b/src/Components/Header/index.jsx deleted file mode 100644 index 6b52af8..0000000 --- a/src/Components/Header/index.jsx +++ /dev/null @@ -1,22 +0,0 @@ - -import styles from './style.module.scss'; -import logo from '../../img/headerImg/OgettoLogo.png'; -import { useNavigate } from "react-router-dom"; - -const Header = () => { - const navigate = useNavigate(); - const handleHome = () => { - navigate('/'); - } - - return ( -
-
-
logo
- -
-
- ) - -} -export default Header; \ No newline at end of file diff --git a/src/Components/Header/style.module.scss b/src/Components/Header/style.module.scss deleted file mode 100644 index 5b9fbd6..0000000 --- a/src/Components/Header/style.module.scss +++ /dev/null @@ -1,37 +0,0 @@ - - -.header { - height: 75px; - width: 80%; - display: flex; - align-items: center; - justify-content: space-between; - &__container { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - height: 150px; - position: absolute; - top: 0px; - left: 0px; - } - &__logo { - cursor: pointer; - } - &__button { - display: flex; - align-items: center; - justify-content: center; - border-radius: 100px; - background: #FFED00; - width: 200px; - height: 42px; - color: #000; - font-family: Montserrat; - font-size: 25px; - font-style: normal; - font-weight: 400; - line-height: normal; - } -} \ No newline at end of file diff --git a/src/Components/HomePage/index.jsx b/src/Components/HomePage/index.jsx deleted file mode 100644 index 62accb7..0000000 --- a/src/Components/HomePage/index.jsx +++ /dev/null @@ -1,16 +0,0 @@ -import Header from "../Header"; -import styles from "./style.module.scss"; - - -const HomePage = () => { - return ( - <> -
- -
- - - - ) -} -export default HomePage; \ No newline at end of file diff --git a/src/Components/HomePage/style.module.scss b/src/Components/HomePage/style.module.scss deleted file mode 100644 index 445b0e9..0000000 --- a/src/Components/HomePage/style.module.scss +++ /dev/null @@ -1,6 +0,0 @@ - - -.title { - font-size: 100px; -} - diff --git a/src/Components/css/module.style.css b/src/Components/css/module.style.css deleted file mode 100644 index 19e3244..0000000 --- a/src/Components/css/module.style.css +++ /dev/null @@ -1 +0,0 @@ -.title{font-size:100px}/*# sourceMappingURL=module.style.css.map */ \ No newline at end of file diff --git a/src/Components/css/module.style.css.map b/src/Components/css/module.style.css.map deleted file mode 100644 index 185bea5..0000000 --- a/src/Components/css/module.style.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../HomePage/module.style.scss"],"names":[],"mappings":"AAEA,OACI,eAAA","file":"module.style.css"} \ No newline at end of file diff --git a/src/Components/css/style.module.css b/src/Components/css/style.module.css deleted file mode 100644 index 92d86f1..0000000 --- a/src/Components/css/style.module.css +++ /dev/null @@ -1 +0,0 @@ -.header{height:75px;width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:150px;position:absolute;top:0px;left:0px}.header__logo{cursor:pointer}.header__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:100px;background:#ffed00;width:200px;height:42px;color:#000;font-family:Montserrat;font-size:25px;font-style:normal;font-weight:400;line-height:normal}/*# sourceMappingURL=style.module.css.map */ \ No newline at end of file diff --git a/src/Components/css/style.module.css.map b/src/Components/css/style.module.css.map deleted file mode 100644 index 3430802..0000000 --- a/src/Components/css/style.module.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../Header/style.module.scss"],"names":[],"mappings":"AAEA,QACI,WAAA,CACA,SAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,6BAAA,CACA,mBACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,UAAA,CACA,YAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CAEJ,cACI,cAAA,CAEJ,gBACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,mBAAA,CACA,kBAAA,CACA,WAAA,CACA,WAAA,CACA,UAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA","file":"style.module.css"} \ No newline at end of file diff --git a/src/components/TableMeets.jsx b/src/components/TableMeets.jsx new file mode 100644 index 0000000..dedbac1 --- /dev/null +++ b/src/components/TableMeets.jsx @@ -0,0 +1,61 @@ +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 ( + +
    + {events.map((event) => ( +
  • +
    + {event.date} + + {event.title} + + + + {isOpenMap[event.id] && ( +
    + {event.speaker} + {event.speaker} +

    {event.description}

    +
    + )} +
    +
    • + ))} +
+
+ ); +}; + +export default TableMeets; diff --git a/src/components/fetchUtils/FetchUtils.jsx b/src/components/fetchUtils/FetchUtils.jsx new file mode 100644 index 0000000..fb05eb9 --- /dev/null +++ b/src/components/fetchUtils/FetchUtils.jsx @@ -0,0 +1,68 @@ +/* eslint-disable no-unused-vars */ +import axios from "axios" +import { useState } from "react" +import './style.css' + + + +const FetchUtils = () => { + // default value of data is object or array/nums/string + // const [rata, setRata] = useState([]) + const [user, setUser] = useState([]) + // single axios feetching + + // useEffect( + // () => { + // async function getData() { + // const response = await axios.get('http://localhost:5000/weatherforecast') + // console.log(response.data) + // setRata(response.data) + // } + // getData() + // }, [] + // ) + // useEffect( + // () => { + async function getData() { + const response = await axios.get('https://jsonplaceholder.typicode.com/users') + console.log(response.data) + setUser(response.data) + } + // getData() + // }, [] + // ) + // Loop of axios fetching \\ + + // async function getData() { + // const response = await axios.get('http://localhost:5000/weatherforecast') + // console.log(response.data) + // setRata(response.data) + // } + // getData() + const removeList = () => { + setUser([]) + } + return ( + <> + + + {/* Mapping of data */} +
+ {Array.isArray(user) ? ( +
    + {user.map((item) => ( +
      +
    1. {item.name}
      2. +
    2. {item.username}
      3. +
    3. {item.email}
      4. +
    + ))} +
+ ) : ( +

Bad data type from server!

+ )} +
+ + ); +} +export default FetchUtils; \ No newline at end of file diff --git a/src/components/fetchUtils/style.css b/src/components/fetchUtils/style.css new file mode 100644 index 0000000..34187cf --- /dev/null +++ b/src/components/fetchUtils/style.css @@ -0,0 +1,18 @@ +ul { + display: flex; + /* justify-content: center; */ + flex-direction: column; + list-style: none; +} + +ol { + display: flex; + /* justify-content: center; */ + /* align-items: center; */ + /* text-align: left; */ + list-style: none; +} + +li { + margin-right: 30px; +} \ No newline at end of file diff --git a/src/img/headerImg/OgettoLogo.png b/src/img/headerImg/OgettoLogo.png deleted file mode 100644 index e96085a37c81204dd4ab6d780e04254baf6c6de7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6011 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