Compare commits
2 Commits
49f3a2be71
...
sevka
| Author | SHA1 | Date | |
|---|---|---|---|
| 1b6128029e | |||
| bd7de5dee4 |
203
package-lock.json
generated
203
package-lock.json
generated
@@ -17,8 +17,6 @@
|
|||||||
"axios": "^1.6.2",
|
"axios": "^1.6.2",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
"react-dom": "^18.2.0",
|
"react-dom": "^18.2.0",
|
||||||
"react-router-dom": "^6.21.1",
|
|
||||||
"sass": "^1.69.5",
|
|
||||||
"styled-components": "^6.1.2"
|
"styled-components": "^6.1.2"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
@@ -1414,14 +1412,6 @@
|
|||||||
"url": "https://opencollective.com/popperjs"
|
"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": {
|
"node_modules/@rollup/rollup-android-arm-eabi": {
|
||||||
"version": "4.9.1",
|
"version": "4.9.1",
|
||||||
"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.1.tgz",
|
"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.1.tgz",
|
||||||
@@ -1761,18 +1751,6 @@
|
|||||||
"node": ">=4"
|
"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==",
|
|
||||||
"dependencies": {
|
|
||||||
"normalize-path": "^3.0.0",
|
|
||||||
"picomatch": "^2.0.4"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/argparse": {
|
"node_modules/argparse": {
|
||||||
"version": "2.0.1",
|
"version": "2.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
|
||||||
@@ -1953,14 +1931,6 @@
|
|||||||
"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
|
"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
|
||||||
"dev": true
|
"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==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/brace-expansion": {
|
"node_modules/brace-expansion": {
|
||||||
"version": "1.1.11",
|
"version": "1.1.11",
|
||||||
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
|
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
|
||||||
@@ -1971,17 +1941,6 @@
|
|||||||
"concat-map": "0.0.1"
|
"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==",
|
|
||||||
"dependencies": {
|
|
||||||
"fill-range": "^7.0.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/browserslist": {
|
"node_modules/browserslist": {
|
||||||
"version": "4.22.2",
|
"version": "4.22.2",
|
||||||
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz",
|
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz",
|
||||||
@@ -2077,43 +2036,6 @@
|
|||||||
"node": ">=4"
|
"node": ">=4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/chokidar": {
|
|
||||||
"version": "3.5.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
|
|
||||||
"integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
|
|
||||||
"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==",
|
|
||||||
"dependencies": {
|
|
||||||
"is-glob": "^4.0.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 6"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/clsx": {
|
"node_modules/clsx": {
|
||||||
"version": "2.0.0",
|
"version": "2.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
|
||||||
@@ -2818,17 +2740,6 @@
|
|||||||
"node": "^10.12.0 || >=12.0.0"
|
"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==",
|
|
||||||
"dependencies": {
|
|
||||||
"to-regex-range": "^5.0.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/find-root": {
|
"node_modules/find-root": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
|
||||||
@@ -2921,6 +2832,7 @@
|
|||||||
"version": "2.3.3",
|
"version": "2.3.3",
|
||||||
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
||||||
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
|
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
|
||||||
|
"dev": true,
|
||||||
"hasInstallScript": true,
|
"hasInstallScript": true,
|
||||||
"optional": true,
|
"optional": true,
|
||||||
"os": [
|
"os": [
|
||||||
@@ -3175,11 +3087,6 @@
|
|||||||
"node": ">= 4"
|
"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=="
|
|
||||||
},
|
|
||||||
"node_modules/import-fresh": {
|
"node_modules/import-fresh": {
|
||||||
"version": "3.3.0",
|
"version": "3.3.0",
|
||||||
"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
|
"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
|
||||||
@@ -3280,17 +3187,6 @@
|
|||||||
"url": "https://github.com/sponsors/ljharb"
|
"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==",
|
|
||||||
"dependencies": {
|
|
||||||
"binary-extensions": "^2.0.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/is-boolean-object": {
|
"node_modules/is-boolean-object": {
|
||||||
"version": "1.1.2",
|
"version": "1.1.2",
|
||||||
"resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
|
"resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
|
||||||
@@ -3349,6 +3245,7 @@
|
|||||||
"version": "2.1.1",
|
"version": "2.1.1",
|
||||||
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
|
||||||
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
|
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
|
||||||
|
"dev": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
}
|
}
|
||||||
@@ -3384,6 +3281,7 @@
|
|||||||
"version": "4.0.3",
|
"version": "4.0.3",
|
||||||
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
|
||||||
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
|
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
|
||||||
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"is-extglob": "^2.1.1"
|
"is-extglob": "^2.1.1"
|
||||||
},
|
},
|
||||||
@@ -3412,14 +3310,6 @@
|
|||||||
"url": "https://github.com/sponsors/ljharb"
|
"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==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.12.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/is-number-object": {
|
"node_modules/is-number-object": {
|
||||||
"version": "1.0.7",
|
"version": "1.0.7",
|
||||||
"resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
|
"resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
|
||||||
@@ -3798,14 +3688,6 @@
|
|||||||
"integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
|
"integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
|
||||||
"dev": true
|
"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==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/object-assign": {
|
"node_modules/object-assign": {
|
||||||
"version": "4.1.1",
|
"version": "4.1.1",
|
||||||
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
|
||||||
@@ -4040,17 +3922,6 @@
|
|||||||
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
|
||||||
"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
|
"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==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8.6"
|
|
||||||
},
|
|
||||||
"funding": {
|
|
||||||
"url": "https://github.com/sponsors/jonschlinkert"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/postcss": {
|
"node_modules/postcss": {
|
||||||
"version": "8.4.32",
|
"version": "8.4.32",
|
||||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
|
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
|
||||||
@@ -4173,36 +4044,6 @@
|
|||||||
"node": ">=0.10.0"
|
"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": {
|
"node_modules/react-transition-group": {
|
||||||
"version": "4.4.5",
|
"version": "4.4.5",
|
||||||
"resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
|
"resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
|
||||||
@@ -4218,17 +4059,6 @@
|
|||||||
"react-dom": ">=16.6.0"
|
"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==",
|
|
||||||
"dependencies": {
|
|
||||||
"picomatch": "^2.2.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/reflect.getprototypeof": {
|
"node_modules/reflect.getprototypeof": {
|
||||||
"version": "1.0.4",
|
"version": "1.0.4",
|
||||||
"resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
|
"resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
|
||||||
@@ -4405,22 +4235,6 @@
|
|||||||
"url": "https://github.com/sponsors/ljharb"
|
"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==",
|
|
||||||
"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": {
|
"node_modules/scheduler": {
|
||||||
"version": "0.23.0",
|
"version": "0.23.0",
|
||||||
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
|
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
|
||||||
@@ -4685,17 +4499,6 @@
|
|||||||
"node": ">=4"
|
"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==",
|
|
||||||
"dependencies": {
|
|
||||||
"is-number": "^7.0.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/tslib": {
|
"node_modules/tslib": {
|
||||||
"version": "2.6.2",
|
"version": "2.6.2",
|
||||||
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
|
||||||
|
|||||||
@@ -19,8 +19,6 @@
|
|||||||
"axios": "^1.6.2",
|
"axios": "^1.6.2",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
"react-dom": "^18.2.0",
|
"react-dom": "^18.2.0",
|
||||||
"react-router-dom": "^6.21.1",
|
|
||||||
"sass": "^1.69.5",
|
|
||||||
"styled-components": "^6.1.2"
|
"styled-components": "^6.1.2"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
#root {
|
#root {
|
||||||
width: 79%;
|
max-width: 1280px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
45
src/App.jsx
45
src/App.jsx
@@ -1,28 +1,43 @@
|
|||||||
|
import { useState } from 'react'
|
||||||
|
import reactLogo from './assets/react.svg'
|
||||||
|
import viteLogo from '/vite.svg'
|
||||||
import './App.css'
|
import './App.css'
|
||||||
import FetchUtils from './components/fetchUtils/FetchUtils.jsx'
|
import FetchUtils from './components/fetchUtils/FetchUtils'
|
||||||
// import TableMeets from './components/fetchUtils/TableMeets.jsx'
|
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";
|
|
||||||
import MeetPage from "./Components/MeetPage/index.jsx";
|
|
||||||
|
|
||||||
|
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() {
|
function App() {
|
||||||
|
const [count, setCount] = useState(0)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{/* <FetchUtils /> */}
|
{/* <FetchUtils /> */}
|
||||||
|
<TableMeets events={ events } />
|
||||||
<BrowserRouter>
|
|
||||||
<Routes>
|
|
||||||
<Route path="/being" element={<BeingPage />}/>
|
|
||||||
<Route path="/" element={<HomePage />}/>
|
|
||||||
<Route path="/firstMeet" element={<MeetPage />}/>
|
|
||||||
</Routes>
|
|
||||||
</BrowserRouter>
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,10 +0,0 @@
|
|||||||
import React from "react"
|
|
||||||
import styles from "./style.module.scss";
|
|
||||||
|
|
||||||
const BeingPage = () => {
|
|
||||||
return (
|
|
||||||
<div>Hello world</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default BeingPage
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
import './style.module.scss';
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const Card = () => {
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
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>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
export default Card;
|
|
||||||
@@ -1,74 +0,0 @@
|
|||||||
.event_card {
|
|
||||||
width: 292px;
|
|
||||||
height: 626px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
margin-top: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrapp {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
/* max-width: 1521px; */
|
|
||||||
}
|
|
||||||
|
|
||||||
:root {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.event-card_date {
|
|
||||||
color: var(--gray_text, #888);
|
|
||||||
|
|
||||||
/* title */
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 22px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.event-card__photo {
|
|
||||||
width: 292px;
|
|
||||||
height: 340px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
background: #D9D9D9;
|
|
||||||
margin-bottom: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.event-card_title {
|
|
||||||
color: #000;
|
|
||||||
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 24px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
.feautures {
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
font-family: Montserrat;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 8px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
border-radius: 10px;
|
|
||||||
background: #E7FFD2;
|
|
||||||
height: 15px;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tagged {
|
|
||||||
display: inline-flex;
|
|
||||||
padding: 10px;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
border-radius: 10px;
|
|
||||||
border: 1px solid var(--gray_text, #888);
|
|
||||||
}
|
|
||||||
.taggs {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
@@ -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 (
|
|
||||||
<div className={styles.header__container}>
|
|
||||||
<header className={styles.header}>
|
|
||||||
<div className={styles.header__logo} onClick={handleHome} ><img onClick={handleHome} src={logo} alt="logo"></img></div>
|
|
||||||
<button className={styles.header__button}>Вход</button>
|
|
||||||
</header>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
|
|
||||||
}
|
|
||||||
export default Header;
|
|
||||||
@@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,80 +1,29 @@
|
|||||||
import Header from "../Header";
|
import Header from "../Header";
|
||||||
import styles from "./style.module.scss";
|
import styles from "./style.module.scss";
|
||||||
import TableMeets from '../TableMeets/TableMeets'
|
import arrow from '../../img/homePage/downArrow.png';
|
||||||
import Home from "../Home/Home";
|
|
||||||
import FetchUtils from "../fetchUtils/FetchUtils";
|
|
||||||
import EditForm from "../edit/EditForm";
|
|
||||||
import PostForm from "../post/PostForm";
|
|
||||||
|
|
||||||
const APIURL = ''
|
|
||||||
|
|
||||||
// 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,
|
|
||||||
// },
|
|
||||||
// // Добавьте другие мероприятия сюда
|
|
||||||
// ];
|
|
||||||
const HomePage = () => {
|
const HomePage = () => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
||||||
<Header></Header>
|
<Header></Header>
|
||||||
<section className={styles.muza__container}>
|
|
||||||
<div className={styles.muza__title}>МУЗА</div>
|
|
||||||
<div className={styles.muza__descr_container}>
|
|
||||||
<div className={styles.muza__descr}>Платформа для проведения well-being мероприятий</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
|
||||||
<section className={styles.meeting__container}>
|
<section className={styles.meeting__container}>
|
||||||
<input className={styles.meeting__inputs} placeholder="Найти мероприятие"></input>
|
<div className={styles.meeting__cards}>
|
||||||
<div className={styles.container}>
|
<div className={styles.meeting__card}>
|
||||||
<div className={styles.select__container}>
|
<div className={styles.data__container}>
|
||||||
<select className={styles.select} name="time__meeting">
|
<div className={styles.data__time}>01.01.1990</div>
|
||||||
<option value="">Время мироприятия</option>
|
<div className={styles.data}>00:00</div>
|
||||||
</select>
|
</div>
|
||||||
<select className={styles.select} name="type__meeting">
|
<div className={styles.meeting__name}>
|
||||||
<option value="">Тип мероприятия</option>
|
Название мероприятия
|
||||||
</select>
|
</div>
|
||||||
|
<div className={styles.meeting__downArrow}><img src={arrow} alt="arrow"></img></div>
|
||||||
|
<div className={styles.blackLine}></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.NewContainer}>
|
|
||||||
<div className={styles.search_container}>
|
|
||||||
<div className={styles.search__descr}>100 мероприятий</div>
|
|
||||||
<select className={styles.select} name="type__meeting">
|
|
||||||
<option value="">Тип мероприятия</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className={styles.cards__container}>
|
|
||||||
<div className={styles.card}></div>
|
|
||||||
</div>
|
|
||||||
<Home></Home>
|
|
||||||
{/* <FetchUtils></FetchUtils> */}
|
|
||||||
<PostForm />
|
|
||||||
<EditForm />
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</>
|
</>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,89 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
.container {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.muza {
|
|
||||||
&__container {
|
|
||||||
height: 700px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__title {
|
|
||||||
margin-top: 150px;
|
|
||||||
color: #000;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 143.016px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
line-height: normal;
|
|
||||||
text-align: left;
|
|
||||||
display: flex;
|
|
||||||
width: 90%;
|
|
||||||
|
|
||||||
}
|
|
||||||
&__descr {
|
|
||||||
&_container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
|
||||||
margin-top: 50px;
|
|
||||||
margin-left: 70px;
|
|
||||||
color: #000;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 46px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
text-align: left;
|
|
||||||
display: flex;
|
|
||||||
width: 60%;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.meeting {
|
|
||||||
&__container {
|
|
||||||
height: 1400px;
|
|
||||||
}
|
|
||||||
&__inputs {
|
|
||||||
width: 90%;
|
|
||||||
height: 46px;
|
|
||||||
border-radius: 10px;
|
|
||||||
border: 1px solid #000;
|
|
||||||
padding-left: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
}
|
|
||||||
.select {
|
|
||||||
margin-right: 50px;
|
|
||||||
height: 35px;
|
|
||||||
border-radius: 10px;
|
|
||||||
border: 1px solid var(--gray_stroke, #D0D2D8);
|
|
||||||
width: 200px;
|
|
||||||
&__container {
|
|
||||||
display: flex;
|
|
||||||
width: 93%;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.NewContainer {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
.search_container {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.search__descr {
|
|
||||||
margin-right: 25px;
|
|
||||||
}
|
|
||||||
@@ -1,75 +0,0 @@
|
|||||||
import Header from "../Header";
|
|
||||||
import styles from './style.module.scss';
|
|
||||||
import clock from '../../img/MeetPage/Clock.png';
|
|
||||||
import globe from '../../img/MeetPage/Globe.png';
|
|
||||||
import avatar from '../../img/MeetPage/avatar.png';
|
|
||||||
import { style } from "@mui/system";
|
|
||||||
import Card from "../Card";
|
|
||||||
import Grid from '@mui/material/Grid';
|
|
||||||
import Box from '@mui/material/Box';
|
|
||||||
|
|
||||||
const MeetPage = () => {
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Header></Header>
|
|
||||||
|
|
||||||
<section className={styles.meets}>
|
|
||||||
<div className={styles.meets__mainInfo_container}>
|
|
||||||
<span className={styles.meets__mainInfo_descr}>Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</span>
|
|
||||||
<span className={styles.meets__mainInfo_type}>Психология</span>
|
|
||||||
<div className={styles.meets__mainInfo_status}><img className={styles.meets__mainInfo_status_img} src={clock} alt="clock"></img> <span>Онлайн</span> </div>
|
|
||||||
<div className={styles.meets__mainInfo_time}><img className={styles.meets__mainInfo_status_img} src={globe} alt="globe"></img> <span>22 декабря, с 10:00 до 22:00 по Московскому времени</span> </div>
|
|
||||||
</div>
|
|
||||||
<div className={styles.meets__img}></div>
|
|
||||||
|
|
||||||
</section>
|
|
||||||
<div className={styles.meets__otziv_container}>
|
|
||||||
<div className={styles.meets__otziv}>
|
|
||||||
<span className={styles.meets__otziv_title}>Отзывы</span>
|
|
||||||
Оставьте первый отзыв
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<section className={styles.aboutMeet}>
|
|
||||||
<div className={styles.aboutMeet__title}>О мероприятии</div>
|
|
||||||
<div className={styles.aboutMeet__descr}>Известным спикером будут продемонстрированы основные механизмы психологического воздействия в политике, а также особенности восприятия общественно-политической информации. Слушатели смогут узнать, как следует противостоять манипулятивному воздействию, фейковой информации, а также порассуждать о том, возможно ли существование мира без обмана.</div>
|
|
||||||
</section>
|
|
||||||
<section className={styles.expert}>
|
|
||||||
<div className={styles.expert__title}>Специалист</div>
|
|
||||||
<div className={styles.expert__container}>
|
|
||||||
<div className={styles.expert__img_container}><img className={styles.expert__img} src={avatar} alt="avatar"></img></div>
|
|
||||||
<div className={styles.expert__descr_container}>
|
|
||||||
<div className={styles.expert__descr_fullname}>Иванов Иван Иванович</div>
|
|
||||||
<div className={styles.expert__descr_speciality}>Психолог, таролог</div>
|
|
||||||
<div className={styles.expert__descr_phone}>+7 (888) 888 - 88 - 88</div>
|
|
||||||
<a href="#" className={styles.expert__descr_email}>exampl@ya.ru</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section className={styles.someMeetings}>
|
|
||||||
<div className={styles.someMeetings__title}>Еще мероприятия</div>
|
|
||||||
<Box sx={{ flexGrow: 1 }}>
|
|
||||||
<Grid container spacing={1}>
|
|
||||||
<Grid item xs={6} md={4} lg={3} >
|
|
||||||
<Card></Card>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={6} md={4} lg={3} >
|
|
||||||
<Card></Card>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={6} md={4} lg={3} >
|
|
||||||
<Card></Card>
|
|
||||||
</Grid>
|
|
||||||
<Grid item xs={6} md={4} lg={3} >
|
|
||||||
<Card></Card>
|
|
||||||
</Grid>
|
|
||||||
|
|
||||||
</Grid>
|
|
||||||
</Box>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
|
|
||||||
)
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
export default MeetPage;
|
|
||||||
@@ -1,220 +0,0 @@
|
|||||||
.meets {
|
|
||||||
margin-top: 150px;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
&__img {
|
|
||||||
width: 44%;
|
|
||||||
height: 300px;
|
|
||||||
background-color: #D9D9D9;
|
|
||||||
}
|
|
||||||
&__mainInfo {
|
|
||||||
&_container {
|
|
||||||
width: 50%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-content: start;
|
|
||||||
}
|
|
||||||
&_descr {
|
|
||||||
color: #000;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 30px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 600;
|
|
||||||
line-height: normal;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
&_type {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 25px;
|
|
||||||
border-radius: 10px;
|
|
||||||
border: 1px solid var(--gray_text, #888);
|
|
||||||
width: 110px;
|
|
||||||
height: 35px;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
color: var(--gray_text, #888);
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 15px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
&_status {
|
|
||||||
margin-top: 40px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
&_time {
|
|
||||||
margin-top: 40px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
&_status_img {
|
|
||||||
height: 26px;
|
|
||||||
width: 30px;
|
|
||||||
margin-right: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&__otziv {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 300px;
|
|
||||||
width: 44%;
|
|
||||||
border: 1px solid var(--gray_stroke, #D0D2D8);
|
|
||||||
margin-top: 50px;
|
|
||||||
color: #000;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 14px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
&_title {
|
|
||||||
color: #000;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 25px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
position: absolute;
|
|
||||||
left: 10px;
|
|
||||||
top: 4px;
|
|
||||||
}
|
|
||||||
&_container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.aboutMeet {
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
&__title {
|
|
||||||
display: flex;
|
|
||||||
color: #000;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 56px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
&__descr {
|
|
||||||
margin-top: 60px;
|
|
||||||
display: flex;
|
|
||||||
text-align: left;
|
|
||||||
color: rgba(0, 0, 0, 0.90);
|
|
||||||
font-family: Inter;
|
|
||||||
font-size: 24px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: 110%; /* 27.6px */
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.expert {
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
margin-top: 200px;
|
|
||||||
&__title {
|
|
||||||
display: flex;
|
|
||||||
color: #000;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 56px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
&__img {
|
|
||||||
border-radius: 10000px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
.expert {
|
|
||||||
|
|
||||||
|
|
||||||
&__container {
|
|
||||||
margin-top: 60px;
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
}
|
|
||||||
&__img {
|
|
||||||
width: 200px;
|
|
||||||
height: 200px;
|
|
||||||
&_container {
|
|
||||||
margin-right: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
&__descr {
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
&_container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
text-align: left;
|
|
||||||
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
&_fullname {
|
|
||||||
color: #000;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 36px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
&_speciality {
|
|
||||||
color: #000;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 32px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
margin-top: 6px;
|
|
||||||
}
|
|
||||||
&_phone {
|
|
||||||
color: #000;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 22px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
&_email {
|
|
||||||
color: #2C41FF;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 22px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.someMeetings {
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
margin-top: 200px;
|
|
||||||
&__title {
|
|
||||||
display: flex;
|
|
||||||
color: #000;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 56px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.cards_container {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
@@ -1,54 +0,0 @@
|
|||||||
|
|
||||||
.container {
|
|
||||||
background: #ffffff;
|
|
||||||
color: #000000;
|
|
||||||
padding: 20px;
|
|
||||||
animation: fade-in 1s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fade-in {
|
|
||||||
0% {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.subtitle {
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button {
|
|
||||||
background: #000000;
|
|
||||||
color: #ffffff;
|
|
||||||
padding: 10px 20px;
|
|
||||||
border-radius: 5px;
|
|
||||||
text-decoration: none;
|
|
||||||
display: inline-block;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.meeting {
|
|
||||||
&__cards {
|
|
||||||
list-style-type: none;
|
|
||||||
width: 80%;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
&__container {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
// &__arrow {
|
|
||||||
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
.meets{margin-top:150px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.meets__img{width:44%;height:300px;background-color:#d9d9d9}.meets__mainInfo_container{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:start;align-content:start}.meets__mainInfo_descr{color:#000;font-family:Montserrat;font-size:30px;font-style:normal;font-weight:600;line-height:normal;text-align:left}.meets__mainInfo_type{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:25px;border-radius:10px;border:1px solid var(--gray_text, #888);width:110px;height:35px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--gray_text, #888);font-family:Montserrat;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.meets__mainInfo_status{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex}.meets__mainInfo_time{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex}.meets__mainInfo_status_img{height:26px;width:30px;margin-right:12px}.meets__otziv{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:300px;width:44%;border:1px solid var(--gray_stroke, #D0D2D8);margin-top:50px;color:#000;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.meets__otziv_title{color:#000;font-family:Montserrat;font-size:25px;font-style:normal;font-weight:400;line-height:normal;position:absolute;left:10px;top:4px}.meets__otziv_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.aboutMeet{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.aboutMeet__title{display:-webkit-box;display:-ms-flexbox;display:flex;color:#000;font-family:Montserrat;font-size:56px;font-style:normal;font-weight:400;line-height:normal}.aboutMeet__descr{margin-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left;color:rgba(0,0,0,.9);font-family:Inter;font-size:24px;font-style:normal;font-weight:400;line-height:110%}.expert{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:200px}.expert__title{display:-webkit-box;display:-ms-flexbox;display:flex;color:#000;font-family:Montserrat;font-size:56px;font-style:normal;font-weight:400;line-height:normal}.expert__img{border-radius:10000px}.expert__container{margin-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex}.expert__img{width:200px;height:200px}.expert__img_container{margin-right:50px}.expert__descr_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:left;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.expert__descr_fullname{color:#000;font-family:Montserrat;font-size:36px;font-style:normal;font-weight:400;line-height:normal}.expert__descr_speciality{color:#000;font-family:Montserrat;font-size:32px;font-style:normal;font-weight:400;line-height:normal;margin-top:6px}.expert__descr_phone{color:#000;font-family:Montserrat;font-size:22px;font-style:normal;font-weight:400;line-height:normal;margin-top:16px}.expert__descr_email{color:#2c41ff;font-family:Montserrat;font-size:22px;font-style:normal;font-weight:400;line-height:normal;margin-top:16px}.someMeetings{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:200px}.someMeetings__title{display:-webkit-box;display:-ms-flexbox;display:flex;color:#000;font-family:Montserrat;font-size:56px;font-style:normal;font-weight:400;line-height:normal}.cards_container{display:-webkit-box;display:-ms-flexbox;display:flex}/*# sourceMappingURL=style.module.css.map */
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"version":3,"sources":["../MeetPage/style.module.scss"],"names":[],"mappings":"AAAA,OACI,gBAAA,CACA,UAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,6BAAA,CACA,YACI,SAAA,CACA,YAAA,CACA,wBAAA,CAGA,2BACI,SAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,wBAAA,CAAA,mBAAA,CAEJ,uBACI,UAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CAEJ,sBACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,eAAA,CACA,kBAAA,CACA,uCAAA,CACA,WAAA,CACA,WAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,4BAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAEJ,wBACI,eAAA,CAEA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CAEJ,sBACI,eAAA,CAEA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CAEJ,4BACI,WAAA,CACA,UAAA,CACA,iBAAA,CAGR,cACI,iBAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,YAAA,CACA,SAAA,CACA,4CAAA,CACA,eAAA,CACA,UAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,oBACI,UAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,iBAAA,CACA,SAAA,CACA,OAAA,CAEJ,wBACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,oBAAA,CAAA,iBAAA,CAAA,wBAAA,CAKZ,WAEI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,kBACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,UAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAEJ,kBACI,eAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,eAAA,CACA,oBAAA,CACA,iBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CAIR,QAEI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,gBAAA,CACA,eACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,UAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAEJ,aACI,qBAAA,CAQJ,mBACI,eAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CAGJ,aACI,WAAA,CACA,YAAA,CACA,uBACI,iBAAA,CAQJ,yBACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,eAAA,CAEA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CAEJ,wBACI,UAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAEJ,0BACI,UAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,cAAA,CAEJ,qBACI,UAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CAEJ,qBACI,aAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CAIZ,cAEI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,gBAAA,CACA,qBACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,UAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAIR,iBACI,mBAAA,CAAA,mBAAA,CAAA,YAAA","file":"style.module.css"}
|
|
||||||
@@ -1,45 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import './style.css'
|
|
||||||
import styled from 'styled-components';
|
|
||||||
import { HttpApiMethods } from '../fetchUtils/FetchUtils';
|
|
||||||
import EditForm from '../post/PostForm';
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const httpApiMethods = new HttpApiMethods()
|
|
||||||
|
|
||||||
const meets = await httpApiMethods.GetMeetings()
|
|
||||||
|
|
||||||
const Home = () => {
|
|
||||||
|
|
||||||
function extractDateTime(dateString) {
|
|
||||||
const dateTime = new Date(dateString);
|
|
||||||
const date = dateTime.toLocaleDateString();
|
|
||||||
const time = dateTime.toLocaleTimeString();
|
|
||||||
|
|
||||||
return { date, time };
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className='wrapp'>
|
|
||||||
{Array.isArray(meets) ? (
|
|
||||||
meets.map((item, index) => (
|
|
||||||
<div className='event_card' key={index}>
|
|
||||||
<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>
|
|
||||||
))
|
|
||||||
) : (
|
|
||||||
<p>Неверный тип данных с сервера!</p>
|
|
||||||
)}
|
|
||||||
{/* <EditForm></EditForm> */}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Home;
|
|
||||||
@@ -1,85 +0,0 @@
|
|||||||
.event_card {
|
|
||||||
width: 292px;
|
|
||||||
height: 626px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
margin-top: 100px;
|
|
||||||
margin-right: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrapp {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
margin-left: 40px;
|
|
||||||
/* max-width: 1521px; */
|
|
||||||
}
|
|
||||||
|
|
||||||
:root {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.event-card_date {
|
|
||||||
color: var(--gray_text, #888);
|
|
||||||
text-align: left;
|
|
||||||
|
|
||||||
/* title */
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 22px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.event-card__photo {
|
|
||||||
width: 292px;
|
|
||||||
height: 340px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
background: #D9D9D9;
|
|
||||||
margin-bottom: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.event-card_title {
|
|
||||||
color: #000;
|
|
||||||
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-size: 24px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.img {
|
|
||||||
width: 292px;
|
|
||||||
height: 340px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
.feautures {
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
font-family: Montserrat;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 8px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: normal;
|
|
||||||
border-radius: 10px;
|
|
||||||
background: #E7FFD2;
|
|
||||||
height: 15px;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tagged {
|
|
||||||
display: inline-flex;
|
|
||||||
padding: 10px;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
border-radius: 10px;
|
|
||||||
border: 1px solid var(--gray_text, #888);
|
|
||||||
}
|
|
||||||
.taggs {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
@@ -58,4 +58,4 @@ const TableMeets = ({ events }) => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default TableMeets;
|
export default TableMeets;
|
||||||
@@ -1,104 +0,0 @@
|
|||||||
import React, { useRef, useState, useEffect } from 'react';
|
|
||||||
import { HttpApiMethods } from '../fetchUtils/FetchUtils';
|
|
||||||
|
|
||||||
const EditForm = () => {
|
|
||||||
const formRef = useRef(null);
|
|
||||||
const [dataIsLoad, setDataIsLoad] = useState(false);
|
|
||||||
const httpApiMethods = new HttpApiMethods();
|
|
||||||
|
|
||||||
const post = async (event) => {
|
|
||||||
event.preventDefault(); // Предотвращение действия по умолчанию
|
|
||||||
let formData = new FormData(formRef.current);
|
|
||||||
setDataIsLoad(false);
|
|
||||||
const updatedMeets = httpApiMethods.EditMeetings(formData)
|
|
||||||
.then(() => {
|
|
||||||
setDataIsLoad(true);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleData = (data) => {
|
|
||||||
if (Array.isArray(data) && data.length > 0) {
|
|
||||||
setData(data);
|
|
||||||
} else {
|
|
||||||
setData([]);
|
|
||||||
console.error('Неверный тип данных с сервера!');
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const fetchData = async () => {
|
|
||||||
try {
|
|
||||||
const data = await httpApiMethods.GetMeetings();
|
|
||||||
handleData(data);
|
|
||||||
} catch (error) {
|
|
||||||
console.error(error);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const [data, setData] = useState([]);
|
|
||||||
const [selectedId, setSelectedId] = useState('');
|
|
||||||
const [selectedData, setSelectedData] = useState(null);
|
|
||||||
|
|
||||||
const handleDataClick = (id) => {
|
|
||||||
const selected = data.find((item) => item.id === id);
|
|
||||||
setSelectedData(selected);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleChange = (event) => {
|
|
||||||
setSelectedData({
|
|
||||||
...selectedData,
|
|
||||||
[event.target.name]: event.target.value
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
fetchData();
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const FillInputs = () => {
|
|
||||||
httpApiMethods.GetByID()
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<h2>Edit</h2>
|
|
||||||
<div>{dataIsLoad ? "Данные успешно загружены" : ""}</div>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
{Array.isArray(data) && data.length > 0 ? (
|
|
||||||
data.map((item, index) => (
|
|
||||||
<button onClick={() => handleDataClick(item.id)} key={index}>
|
|
||||||
{item.id}
|
|
||||||
<div>{item.title}</div>
|
|
||||||
</button>
|
|
||||||
))
|
|
||||||
) : (
|
|
||||||
<p>Неверный тип данных с сервера!</p>
|
|
||||||
)}
|
|
||||||
</ul>
|
|
||||||
{/* автозаполнение инпутов */}
|
|
||||||
{selectedData && (
|
|
||||||
<>
|
|
||||||
<form ref={formRef}>
|
|
||||||
<input type="text" placeholder='id' name='id' value={selectedData.id} onChange={handleChange} />
|
|
||||||
<input type="text" placeholder='name' name='title' value={selectedData.title} onChange={handleChange} />
|
|
||||||
<input type="text" placeholder='time' name='time' value={selectedData.time} onChange={handleChange} />
|
|
||||||
<input type="text" placeholder='theme' name='theme' value={selectedData.theme} onChange={handleChange} />
|
|
||||||
<input type="text" placeholder='speakerName' name='speakerName' value={selectedData.speakerName} onChange={handleChange} />
|
|
||||||
<input type="file" placeholder='speackerImage' name='speackerImage'/>
|
|
||||||
<input type="file" placeholder='placeImages' name='placeImages'/>
|
|
||||||
<input type="text" placeholder='splecializations' name='splecializations' value={selectedData.splecializations} onChange={handleChange} />
|
|
||||||
<input type="text" placeholder='speakerEmail' name='speakerEmail' value={selectedData.speakerEmail} onChange={handleChange} />
|
|
||||||
<input type="text" placeholder='tags' name='tags' value={selectedData.tags} onChange={handleChange} />
|
|
||||||
<input type="text" placeholder='SpeakerTelephone' name='speakerTelephone' value={selectedData.speakerTelephone} onChange={handleChange} />
|
|
||||||
<input type="text" placeholder='type' name='type' value={selectedData.type} onChange={handleChange} />
|
|
||||||
<input type="text" placeholder='videoUrl' name='videoUrl' value={selectedData.videoUrl} onChange={handleChange} />
|
|
||||||
<button onClick={post}>Edit</button>
|
|
||||||
</form>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default EditForm;
|
|
||||||
@@ -5,150 +5,64 @@ import './style.css'
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
export class HttpApiMethods {
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
api = axios.create({
|
|
||||||
baseURL: "https://cyberbloom.zetcraft.ru/api",
|
|
||||||
headers: {
|
|
||||||
"Access-Control-Allow-Origin": "http://localhost:5173",
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
APIURL = "https://cyberbloom.zetcraft.ru/api"
|
|
||||||
APIURL_FILES = "https://cyberbloom.zetcraft.ru/api/cyber-boom-files/"
|
|
||||||
|
|
||||||
GetByID = async (id) => {
|
|
||||||
let innerUrl = this.APIURL + `/meetings?id=${id}`
|
|
||||||
|
|
||||||
const response = await axios.get(innerUrl)
|
|
||||||
|
|
||||||
return response.data;
|
|
||||||
}
|
|
||||||
|
|
||||||
GetMeetings = async () => {
|
|
||||||
let innerUrl = this.APIURL + `/meetings/list?offset=0&limit=20`;
|
|
||||||
|
|
||||||
const response = await axios.get(innerUrl);
|
|
||||||
|
|
||||||
return response.data;
|
|
||||||
}
|
|
||||||
|
|
||||||
// createForm = (data) => {
|
|
||||||
// const [formDat, setFormDat] = useState({});
|
|
||||||
|
|
||||||
// const handleChange = (e) => {
|
|
||||||
// setFormDat({ ...formDat, [e.target.name]: e.target.value });
|
|
||||||
// };
|
|
||||||
|
|
||||||
// const handleSubmit = (e) => {
|
|
||||||
// let innerUrl = this.APIURL + `/meetings`
|
|
||||||
// e.preventDefault();
|
|
||||||
// // Отправка объекта формы на сервер
|
|
||||||
// fetch(innerUrl, {
|
|
||||||
// method: 'POST',
|
|
||||||
// body: JSON.stringify(formDat),
|
|
||||||
// headers: {
|
|
||||||
// 'Content-Type': 'application/json',
|
|
||||||
// },
|
|
||||||
// })
|
|
||||||
// .then((response) => response.json())
|
|
||||||
// .then((data) => {
|
|
||||||
// // Обработка ответа от сервера
|
|
||||||
// console.log(data);
|
|
||||||
// })
|
|
||||||
// .catch((error) => {
|
|
||||||
// // Обработка ошибок
|
|
||||||
// console.error(error);
|
|
||||||
// });
|
|
||||||
// };
|
|
||||||
// let fields = Object.keys(data);
|
|
||||||
|
|
||||||
// let formData = new FormData();
|
|
||||||
// fields.forEach(f => {
|
|
||||||
|
|
||||||
// formData.append(f, data[f]);
|
|
||||||
// })
|
|
||||||
// handleChange(data)
|
|
||||||
// handleSubmit(data)
|
|
||||||
|
|
||||||
// return formData;
|
|
||||||
// }
|
|
||||||
AddMeetings = async (data) => {
|
|
||||||
let innerUrl = this.APIURL + `/meetings`;
|
|
||||||
|
|
||||||
let response = await axios.postForm(innerUrl, data);
|
|
||||||
return response.data;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
EditMeetings = async (data) => {
|
|
||||||
api.get("/meetings").then((response) => {
|
|
||||||
console.log(response.data);
|
|
||||||
return response.data;
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
DeleteMeetings = async (id) => {
|
|
||||||
let innerUrl = this.APIURL + `/meetings?id=${id}`
|
|
||||||
|
|
||||||
const response = await axios.get(innerUrl)
|
|
||||||
|
|
||||||
return response.data;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const httpApiMethods = new HttpApiMethods() // Создание экземпляра класса HttpApiMethods
|
|
||||||
|
|
||||||
const meets = httpApiMethods.GetMeetings()
|
|
||||||
|
|
||||||
const FetchUtils = () => {
|
const FetchUtils = () => {
|
||||||
|
// default value of data is object or array/nums/string
|
||||||
|
// const [rata, setRata] = useState([])
|
||||||
|
const [user, setUser] = useState([])
|
||||||
|
// single axios feetching
|
||||||
|
|
||||||
const [user, setUser] = useState([])
|
// 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() {
|
// async function getData() {
|
||||||
const response = await axios.get(APIURL)
|
// const response = await axios.get('http://localhost:5000/weatherforecast')
|
||||||
console.log(response.data)
|
// console.log(response.data)
|
||||||
setUser(response.data)
|
// setRata(response.data)
|
||||||
}
|
// }
|
||||||
|
// getData()
|
||||||
const removeList = () => {
|
const removeList = () => {
|
||||||
setUser([])
|
setUser([])
|
||||||
}
|
}
|
||||||
|
return (
|
||||||
return (
|
<>
|
||||||
<>
|
<button onClick={getData}>Click to Get Data</button>
|
||||||
<button onClick={getData}>Click to Get Data</button>
|
<button onClick={removeList}>Click to Remove Data Listing</button>
|
||||||
<button onClick={removeList}>Click to Remove Data Listing</button>
|
{/* Mapping of data */}
|
||||||
{/* Mapping of data */}
|
<div>
|
||||||
<div>
|
{Array.isArray(user) ? (
|
||||||
{Array.isArray(meets) ? (
|
<ul>
|
||||||
<ul>
|
{user.map((item) => (
|
||||||
{meets.map((item) => (
|
<ol key={item.id}>
|
||||||
<ol key={item.id}>
|
<li>{item.name}</li>
|
||||||
<li>{item.title}</li>
|
<li>{item.username}</li>
|
||||||
<li>{item.time}</li>
|
<li>{item.email}</li>
|
||||||
<li>{item.speakerName}</li>
|
</ol>
|
||||||
<li>{item.speackerImage}</li>
|
))}
|
||||||
<li>{item.splecializations}</li>
|
</ul>
|
||||||
<li>{item.type}</li>
|
) : (
|
||||||
<li>{item.speakerTelephone}</li>
|
<p>Bad data type from server!</p>
|
||||||
<li>{item.speakerEmail}</li>
|
)}
|
||||||
<li>{item.tags}</li>
|
</div>
|
||||||
<li>{item.videoUrl}</li>
|
</>
|
||||||
</ol>
|
);
|
||||||
))}
|
|
||||||
</ul>
|
|
||||||
) : (
|
|
||||||
<p>Bad data type from server!</p>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
export default FetchUtils;
|
export default FetchUtils;
|
||||||
@@ -1,46 +0,0 @@
|
|||||||
import React, { useRef, useState } from 'react';
|
|
||||||
import { HttpApiMethods } from '../fetchUtils/FetchUtils';
|
|
||||||
|
|
||||||
|
|
||||||
const PostForm = () => {
|
|
||||||
const formRef = useRef(null); // Добавление этой строки
|
|
||||||
const [dataIsLoad, setDataIsLoad] = useState(false)
|
|
||||||
|
|
||||||
let post = async () => {
|
|
||||||
const httpApiMethods = new HttpApiMethods();
|
|
||||||
let formData = new FormData(formRef.current); // Изменение этой строки
|
|
||||||
setDataIsLoad(false)
|
|
||||||
const updatedMeets = httpApiMethods.AddMeetings(formData)
|
|
||||||
.then(
|
|
||||||
() => {
|
|
||||||
setDataIsLoad(true)
|
|
||||||
|
|
||||||
}
|
|
||||||
)
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<h2>Post</h2>
|
|
||||||
<div>{dataIsLoad ? "ДАнные успешно загрузилисб" : ""}</div>
|
|
||||||
<form ref={formRef} action='https://cyberbloom.zetcraft.ru/api/meetings'>
|
|
||||||
<input type="text" placeholder='name' name='title'/>
|
|
||||||
<input type="text" placeholder='time' name='time'/>
|
|
||||||
<input type="text" placeholder='theme' name='theme'/>
|
|
||||||
<input type="text" placeholder='speakerName' name='speakerName'/>
|
|
||||||
<input type="file" placeholder='speackerImage' name='speackerImage'/>
|
|
||||||
<input type="file" placeholder='placeImages' name='placeImages'/>
|
|
||||||
<input type="text" placeholder='splecializations' name='splecializations'/>
|
|
||||||
<input type="text" placeholder='speakerEmail' name='speakerEmail'/>
|
|
||||||
<input type="text" placeholder='tags' name='tags'/>
|
|
||||||
<input type="text" placeholder='SpeakerTelephone' name='speakerTelephone'/>
|
|
||||||
<input type="text" placeholder='type' name='type'/>
|
|
||||||
<input type="text" placeholder='videoUrl' name='videoUrl'/>
|
|
||||||
<button onClick={post}>Create</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default PostForm;
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 581 B |
Binary file not shown.
|
Before Width: | Height: | Size: 819 B |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.9 KiB |
Reference in New Issue
Block a user