initial

Author: Pavlenko Viktor

Diff for: .env.example

@@ -0,0 +1,7 @@
+NODE_ENV = "development"
+SESSION_NAME = "name"
+SESSION_SECRET = "secret"
+SESSION_MAX_AGE = 7200000 #1000 * 60 * 60 * 2
+MONGO_DB_URI = "mongodb+srv://user:password@hostname/test?retryWrites=true&w=majority"
+EMAIL_USER = "[email protected]"
+EMAIL_PASSWORD = "exaplepassword"

Diff for: .eslintignore

@@ -0,0 +1,3 @@
+node_modules
+public
+dist

Diff for: .eslintrc.json

@@ -0,0 +1,6 @@
+.env
+node_modules
+dist
+*.log
+package-lock.json
+yarn.lock

Diff for: .gitignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+public

Diff for: .idea/.gitignore

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "printWidth": 100
+}

Diff for: .idea/codeStyles/Project.xml

@@ -0,0 +1,12 @@
+language: node_js
+
+node_js:
+  - 8
+
+script:
+  - npm run build
+
+branches:
+  only:
+  - gh-pages
+  - /.*/

Diff for: .idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,2 @@
+yarn install:all
+yarn dev

Diff for: .idea/fuck.iml

@@ -0,0 +1,4 @@
+{
+  "packages": ["src/*"],
+  "version": "independent"
+}

Diff for: .idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,48 @@
+{
+  "name": "vp-test",
+  "version": "1.0.0",
+  "description": "test",
+  "scripts": {
+    "dev": "lerna exec -- npm run --parallel dev",
+    "lint": "eslint '**/*.{js,jsx}'",
+    "lint:fix": "npm run lint -- --fix",
+    "test": "lerna run --parallel test",
+    "install:all": "npm install && lerna bootstrap"
+  },
+  "devDependencies": {
+    "babel-eslint": "^10.0.1",
+    "eslint": "^6.0.1",
+    "eslint-config-prettier": "^6.0.0",
+    "eslint-config-standard": "^13.0.1",
+    "eslint-plugin-import": "^2.18.0",
+    "eslint-plugin-jest": "^22.6.4",
+    "eslint-plugin-jsx-a11y": "^6.2.1",
+    "eslint-plugin-node": "^9.1.0",
+    "eslint-plugin-prettier": "^3.1.0",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-react": "^7.14.2",
+    "eslint-plugin-standard": "^4.0.0",
+    "husky": "^3.0.0",
+    "lerna": "^3.15.0",
+    "lint-staged": "^9.2.0",
+    "prettier": "^1.18.2"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{js,jsx}": [
+      "eslint"
+    ],
+    "*.{js,jsx,json,md}": [
+      "prettier --list-different"
+    ],
+    "*.js": [
+      "eslint --fix",
+      "git add"
+    ]
+  },
+  "author": "Victor Pavlenko"
+}

Diff for: .idea/jsLibraryMappings.xml

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Switch, Route } from 'react-router-dom';
+
+import UsersList from './pages/UsersList';
+import NotFound from './pages/NotFound';
+
+const App = () => {
+  return (
+    <Switch>
+      <Route exact path="/" component={UsersList} />
+      <Route component={NotFound} />
+    </Switch>
+  );
+};
+
+App.propTypes = {
+  history: PropTypes.object
+};
+
+export default App;

Diff for: .idea/misc.xml

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Container, Typography } from '@material-ui/core';
+
+
+const Layout = props => {
+
+
+  return (
+    <div className="layout" style={{ minHeight: '100vh', background: "#f5deb3" }}>
+      <Container maxWidth="lg">
+        <br/>
+      <header style={{ height: 'unset', textAlign: 'center' }} ><Typography variant="h1">Header</Typography></header>
+        <br/>
+      <div>{props.children}</div>
+        <br/>
+      <footer style={{ textAlign: 'center' }}><Typography variant="h2">Footer</Typography></footer>
+        <br/>
+      </Container>
+    </div>
+  );
+};
+
+export default Layout;

Diff for: .idea/modules.xml

@@ -0,0 +1,98 @@
+import { useForm } from 'react-hook-form';
+import { useMutation } from '@apollo/react-hooks';
+import schema from '../../graphql/graphql';
+import { makeStyles } from '@material-ui/core/styles';
+import { Button, Dialog, DialogTitle, TextField, CircularProgress } from '@material-ui/core';
+import React from 'react';
+import validators from '../../validators';
+
+function CreateUserDialog(props) {
+  const { onClose, open, limit, skip } = props;
+
+
+  const { register, handleSubmit, watch, errors } = useForm({
+    validationSchema: validators.user.userSchema,
+    reValidateMode: 'onChange',
+  });
+
+  const updateCache = (cache, {data}) => {
+
+    let show = schema.queries.SHOW_USERS
+
+    const users = cache.readQuery({
+      query: show,
+      variables: {
+        limit,
+        skip
+      }
+    });
+
+    users.users.push(data.createUser)
+
+    cache.writeQuery({
+      query: schema.queries.SHOW_USERS,
+      data: { users: users.users },
+      variables: {
+        limit,
+        skip
+      }
+    });
+  };
+
+
+  const [createUser, { loading, error }] = useMutation(schema.mutations.CREATE_USER, { update: updateCache});
+
+  const onSubmitCreateUserForm = input => {
+    try{
+      let { data } = createUser({ variables: { input } });
+
+      if(data) {
+        onClose()
+      }
+    } catch (e) {
+      e.graphQLErrors.map(x => {
+        console.log(x.message);
+      });
+    }
+  }
+
+  const useStyles = makeStyles((theme) => ({
+    root: {
+      '& > *': {
+        margin: theme.spacing(1),
+        width: 'calc(100% - 16px)',
+        display: 'flex'
+      }
+    },
+  }));
+  const classes = useStyles();
+
+  const handleClose = () => {
+    onClose();
+  };
+
+  return (
+    <Dialog onClose={handleClose} aria-labelledby="simple-dialog-title" open={open}>
+      <DialogTitle id="simple-dialog-title">Create user</DialogTitle>
+      {loading ? <CircularProgress /> :
+      <form className={classes.root} noValidate autoComplete="off" onSubmit={handleSubmit(onSubmitCreateUserForm)}>
+        <TextField id="standard-basic" label="Name" name="name" variant="outlined"
+                   inputRef={register}
+                   error={errors.name}
+                   helperText={errors.name ? errors.name.message : ''}
+        />
+        <TextField id="standard-basic" label="Email" name="email" variant="outlined"
+                   inputRef={register}
+                   error={errors.email}
+                   helperText={errors.email ? errors.email.message : ''}
+        />
+        <Button type="submit" variant="contained" color="primary">
+          Create User
+        </Button>
+      </form>
+      }
+    </Dialog>
+  );
+}
+
+export default CreateUserDialog