From 7124f542813c8433de6e252713e83595951a5802 Mon Sep 17 00:00:00 2001 From: gotika Date: Wed, 4 Sep 2024 07:35:27 +0300 Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?= =?UTF-8?q?=D0=BD=D0=BE=D0=B2=D1=8B=D0=B9=20=D1=81=D0=BF=D0=BE=D1=81=D0=BE?= =?UTF-8?q?=D0=B1=20=D0=BC=D0=B0=D1=80=D1=88=D1=80=D1=83=D1=82=D0=B8=D0=B7?= =?UTF-8?q?=D0=B0=D1=86=D0=B8=D0=B8,=20=D1=81=D1=82=D1=80=D0=B0=D0=BD?= =?UTF-8?q?=D0=B8=D1=86=D1=8B=20=D0=B3=D0=BB=D0=BE=D0=B1=D0=B0=D0=BB=D1=8C?= =?UTF-8?q?=D0=BD=D0=BE=D0=B9=20=D1=80=D0=B0=D1=81=D1=81=D1=8B=D0=BB=D0=BA?= =?UTF-8?q?=D0=B8=20=D0=B8=20=D0=BF=D0=B5=D1=80=D0=B5=D0=BC=D0=B5=D0=BD?= =?UTF-8?q?=D0=BD=D1=8B=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 42 ++++++++++++++++++++++++++++++++++++ package.json | 1 + src/components/navbar.js | 0 src/pages/globalMailing.js | 23 ++++++++++++++++++++ src/pages/globalVariables.js | 38 ++++++++++++++++++++++++++++++++ src/pages/groups.js | 18 ++++++++++++++++ src/pages/migration.js | 16 ++++++++++++++ 7 files changed, 138 insertions(+) create mode 100644 src/components/navbar.js diff --git a/package-lock.json b/package-lock.json index 3c7e453..e30da17 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "react": "^18.3.1", "react-chartjs-2": "^5.2.0", "react-dom": "^18.3.1", + "react-router-dom": "^6.26.1", "web-vitals": "^2.1.4" }, "devDependencies": { @@ -3912,6 +3913,15 @@ } } }, + "node_modules/@remix-run/router": { + "version": "1.19.1", + "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.19.1.tgz", + "integrity": "sha512-S45oynt/WH19bHbIXjtli6QmwNYvaz+vtnubvNpNDvUOoA/OWh6j1OikIP3G+v5GHdxyC6EXoChG3HgYGEUfcg==", + "license": "MIT", + "engines": { + "node": ">=14.0.0" + } + }, "node_modules/@rollup/plugin-babel": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz", @@ -16682,6 +16692,38 @@ "node": ">=0.10.0" } }, + "node_modules/react-router": { + "version": "6.26.1", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.26.1.tgz", + "integrity": "sha512-kIwJveZNwp7teQRI5QmwWo39A5bXRyqpH0COKKmPnyD2vBvDwgFXSqDUYtt1h+FEyfnE8eXr7oe0MxRzVwCcvQ==", + "license": "MIT", + "dependencies": { + "@remix-run/router": "1.19.1" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "react": ">=16.8" + } + }, + "node_modules/react-router-dom": { + "version": "6.26.1", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.26.1.tgz", + "integrity": "sha512-veut7m41S1fLql4pLhxeSW3jlqs+4MtjRLj0xvuCEXsxusJCbs6I8yn9BxzzDX2XDgafrccY6hwjmd/bL54tFw==", + "license": "MIT", + "dependencies": { + "@remix-run/router": "1.19.1", + "react-router": "6.26.1" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "react": ">=16.8", + "react-dom": ">=16.8" + } + }, "node_modules/react-scripts": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz", diff --git a/package.json b/package.json index b05c945..5289cc5 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "react": "^18.3.1", "react-chartjs-2": "^5.2.0", "react-dom": "^18.3.1", + "react-router-dom": "^6.26.1", "web-vitals": "^2.1.4" }, "devDependencies": { diff --git a/src/components/navbar.js b/src/components/navbar.js new file mode 100644 index 0000000..e69de29 diff --git a/src/pages/globalMailing.js b/src/pages/globalMailing.js index e69de29..8043a7b 100644 --- a/src/pages/globalMailing.js +++ b/src/pages/globalMailing.js @@ -0,0 +1,23 @@ +import React from "react"; + +const GlobalMailing = () => { + const groups = ['Admins', 'Editors', 'Viewers']; + + const handleSendMail = () => { + alert('Emails sent'); + }; + + return ( +
+

Global Mailing

+ + +
+ ); +}; + +export default GlobalMailing; \ No newline at end of file diff --git a/src/pages/globalVariables.js b/src/pages/globalVariables.js index e69de29..a0f437c 100644 --- a/src/pages/globalVariables.js +++ b/src/pages/globalVariables.js @@ -0,0 +1,38 @@ +import React, { useState } from 'react'; + +const GlobalVariables = () => { + const [variables, setVariables] = useState({ + API_URL: 'https://api.example.com', + APP_NAME: 'Admin Dashboard', + }); + + const handleChange = (e) => { + setVariables({ + ...variables, + [e.target.name]: e.target.value, + }); + }; + + const handleSave = () => { + alert('Variables saved'); + }; + + return ( +
+

Global Variables

+ {Object.keys(variables).map((key) => ( +
+ + +
+ ))} + +
+ ); +}; + +export default GlobalVariables; \ No newline at end of file diff --git a/src/pages/groups.js b/src/pages/groups.js index e69de29..40f9f08 100644 --- a/src/pages/groups.js +++ b/src/pages/groups.js @@ -0,0 +1,18 @@ +import React from 'react'; + +const Groups = () => { + const groups = ['Admins', 'Editors', 'Viewers']; //заглушка + + return ( +
+

Группы пользователей

+ +
+ ); +}; + +export default Groups; \ No newline at end of file diff --git a/src/pages/migration.js b/src/pages/migration.js index e69de29..f2f5aef 100644 --- a/src/pages/migration.js +++ b/src/pages/migration.js @@ -0,0 +1,16 @@ +import React from "react"; + +const Migration = () => { + const handleMigration = () => { + alert('Migration started'); + }; + + return ( +
+

Data Migration

+ +
+ ); +}; + +export default Migration; \ No newline at end of file