update page of MyProjects

src/components/Routers.js

@@ -12,8 +12,8 @@ import { Home } from "pages/WorkPage";
 import { Cabinet } from "pages/Cabinet";
 import ConnectFormSearch from "pages/Search";
 import ConnectedProjects from "pages/AllProjects";
-import ConnectedSearchProject from "pages/SeachProject";
-import ConnectedMyProject from "pages/MyProject"
+import ConnectedSearchProject from "pages/SeachProjects";
+import ConnectedMyProject from "pages/MyProjects";
 
 const history = createHistory.createBrowserHistory();
 
@@ -33,7 +33,7 @@ const Routs = ({ token }) => {
 						<Route path='/cabinet' component={Cabinet} />
 						<Route path='/projects' component={ConnectedProjects} />
 						<Route path='/search-project/:id' component={ConnectedSearchProject} />
-                  <Route path='/my-project/:id' component={ConnectedMyProject} />
+						<Route path='/my-project/:id' component={ConnectedMyProject} />
 						<Route path='/search' component={ConnectFormSearch} />
 					</Switch>
 				)}

src/pages/MyProject.js

@@ -3,10 +3,12 @@ import { connect } from "react-redux";
 import { Link } from "react-router-dom";
 
 import { actionSnippetById } from "store/actions/actionSnippetById";
+import { actionSnippetAdd } from "store/actions/actionSnippetAdd";
 import { Editor } from "components/Editor";
 import "components/EditorsPage.css";
 
 const MyProjectSnippet = ({
+	onSave,
 	getSnippet,
 	match: {
 		params: { id },
@@ -65,13 +67,35 @@ const MyProjectSnippet = ({
 					<Editor
 						data={data}
 						onChange={({ type, name, text }) =>
-                  setFiles([...files.slice(0, index), { type, name, text }, ...files.slice(index, 1)])
+							setFiles([...files.slice(0, index), { type, name, text }, ...files.slice(index, 1)])
 						}
 					/>
 				</>
 			))}
 			<br />
 			<div>
+				<div>
+					<button
+						className='button_plus'
+						onClick={newArray => {
+							let editors2 = [...files];
+							editors2.push(newArray);
+							setFiles(editors2);
+						}}
+					>
+						+
+					</button>
+					<button
+						className='button_plus'
+						onClick={newArray => {
+							let editors2 = [...files];
+							editors2.pop(newArray);
+							setFiles(editors2);
+						}}
+					>
+						-
+					</button>
+				</div>
 				<div>
 					<iframe
 						className='pane'
@@ -102,6 +126,11 @@ const MyProjectSnippet = ({
 					style={{ marginBottom: 50 }}
 				/>
 			</div>
+			<div>
+				<button className='button_submit' onClick={() => onSave(title, description, files)}>
+					Submit this Editor
+				</button>
+			</div>
 		</div>
 	);
 };
@@ -112,6 +141,6 @@ const ConnectedMyProject = connect(
 		descriptionText: state?.promise?.findSnippetById?.payload?.data?.SnippetFind?.[0]?.description,
 		filesArr: state?.promise?.findSnippetById?.payload?.data?.SnippetFind?.[0]?.files,
 	}),
-	{ getSnippet: actionSnippetById },
+	{ getSnippet: actionSnippetById, onSave: actionSnippetAdd },
 )(MyProjectSnippet);
 export default ConnectedMyProject;

src/pages/SeachProject.js

@@ -50,7 +50,7 @@ const SearchProjectSnippet = ({
 
 		return () => clearTimeout(timeout);
 	}, [html, css, javascript]);
-   
+
 	return (
 		<div>
 			<div>
@@ -108,7 +108,7 @@ const SearchProjectSnippet = ({
 };
 
 const ConnectedSearchProject = connect(
-	(state) => ({
+	state => ({
 		titleText: state?.promise?.findSnippetById?.payload?.data?.SnippetFind?.[0]?.title,
 		descriptionText: state?.promise?.findSnippetById?.payload?.data?.SnippetFind?.[0]?.description,
 		filesArr: state?.promise?.findSnippetById?.payload?.data?.SnippetFind?.[0]?.files,