<project> done

src/App.js

@@ -3,8 +3,8 @@ import { BrowserRouter as Router, Route, Link, Switch } from 'react-router-dom';
 import createHistory from "history/createBrowserHistory";
 import {Provider, connect} from 'react-redux';
 import { actionFullLogin, actionFullRegister, actionUploadFile } from './actions';
-import { LoginForm } from './components/LoginForm';
-import { FormReg } from './components/FormReg';
+import { LoginForm } from './pages/LoginForm';
+import { FormReg } from './pages/FormReg';
 import { FormDate } from './components/FormDate';
 import { Main } from './pages/Main';
 import store from './reducers';
@@ -15,21 +15,6 @@ const ConnectFormReg = connect(null, {FormReg:actionFullRegister}) (FormReg);
 
 const ConnectFormUpload = connect(null, {onUpload:actionUploadFile}) (FormDate);
 
-
-// const Preloadig = ({promiseName, promiseState, children}) => {
-//     //если данные есть - проверить promiseState на предмет наличия ключа из promiseName
-//     //и статуса RESOLVED 
-//     //то нарисовать children
-//     //byfxt dthyenm null/нарисовать прелоадер
-// }
-
-// const CPreloading = connect(state => ({promiseState: state.promise}))(Preloadig)
-
-
-{/* <CPreloading promiseName="category">
-    <CCategory />
-</ CPreloading> */}
-
 function App() {
     return (
         <Provider store = {store}>

src/actions/index.js

@@ -41,7 +41,7 @@ let reg = async(login, password) => {
     return res
 }
 
-let changePass = async(login, password, newPassword) => {
+let ChangePass = async(login, password, newPassword) => {
     let query = `mutation changePass($login:String!, $password:String!, $newPassword:String!) {
     changePassword(
         login: $login,
@@ -58,6 +58,33 @@ let changePass = async(login, password, newPassword) => {
     return res 
 }
 
+let SnippetUpsert = async (title, description, files , id) => {
+    let query = `mutation SnippetUpsert($snippet:SnippetInput) {
+      SnippetUpsert(snippet:$snippet){
+        _id
+      }
+    }`
+  
+    let variables = { snippet: { title, description, files } ,_id: id };
+  
+    let res = await gql(query, variables)
+    return res
+}
+
+const UserFind = async (_id) => {
+    let query = `UserFind(query:'[{}])' {
+        UserFind(query:$query) {
+            _id login nick avatar{
+                url
+            }
+        }
+  }`
+      let variables = { query: JSON.stringify([{ _id }])}
+
+      let res = await gql(query, variables)
+      return res
+}
+
 // actions
 
 const actionPending = name => ({type: 'PROMISE', status: 'PENDING', name})
@@ -77,12 +104,15 @@ const actionPromise = (name, promise) =>
         }
     }
 
-// export const actionchangePass = (login, password, newPassword) => actionPromise("changePass", changePass(login, password, newPassword))
+export const actionchangePass = (login, password, newPassword) => actionPromise("changePass", ChangePass(login, password, newPassword))
 const actionAuthLogin = token => ({type: 'LOGIN', token})
-// const actionAuthLogout = () => ({type: 'LOGOUT'})
+export const actionAuthLogout = () => ({type: 'LOGOUT'})
 const actionLogin = (login, password) => actionPromise("login", log(login, password))
 const actionReg = (login, password) => actionPromise("reg", reg(login, password))
 
+export const actionUserFind = (_id) => actionPromise("UserFind", UserFind(_id))
+export const actionSnippetUpsert = (title, description, files , id) => actionPromise("UserFind", SnippetUpsert(title, description, files , id))
+
 export const actionFullLogin = (login, password) => async(dispatch) => {
 let result = await dispatch(actionLogin(login, password))
     if (result !== null){

src/helpers/others.js

@@ -0,0 +1,13 @@
+// const Preloadig = ({promiseName, promiseState, children}) => {
+//             //если данные есть - проверить promiseState на предмет наличия ключа из promiseName
+//             //и статуса RESOLVED 
+//             //то нарисовать children
+//             //byfxt dthyenm null/нарисовать прелоадер
+// }
+
+// const CPreloading = connect(state => ({promiseState: state.promise}))(Preloadig)
+
+
+// {<CPreloading promiseName="category">
+//     <CCategory />
+// </ CPreloading>}

src/pages/Main.js

@@ -1,22 +1,29 @@
 import { useState } from 'react';
-// import { split } from 'react-ace';
 import { Editor } from '../components/Editor';
 
-const datas = [{type: "html", name:"", text:""}, {type: "css", name:"", text:""},{type: "js", name:"", text:""}];
+const datas = [{type: "", name:"", text:""}, {type: "", name:"", text:""}];
 
 export const Main = () => {
     const [editors, setEditors] = useState(datas);
     console.log(editors);
     return (
         editors.map((data, index) => {
-            return <Editor data={data}
-            onChange={newData => { let editors1 = [...editors]
-                editors1[index] = newData;
-                setEditors(editors1);
-            } 
-            
-            } />
+            return <><Editor data={data}
+                            onChange={newData => { let editors1 = [...editors]
+                                editors1[index] = newData;
+                                setEditors(editors1);
+                            } 
+
+                            } />
+                            <button onClick={newArray => { let editors2 = [...editors]
+                            editors2.push(newArray);
+                            setEditors(editors2);
+                            }
+                            }>+</button>
+                            </>
         })    
     )}
 
-// сделать кнопку при нажатии на которую мы сможем динамически добавлять Editors
+// приконэктить  его к снипету чтобы на бэк начали отправляться данные?
+// сделать верстку для страниц
+// сделать хэдэр