feat: add graphql support (#349)

* fix: eslint warnings

* refactor: use ramda + sanctuary instead of lodash

* refactor: use prettier-standard for formatting

* feat: enable security

* feat: add graphql

* chore: remove trailing commas from linter

* docs: new scripts on react and new-admin-server

* feat: handle authentication on graphql

* fix: perf improvement to date picker

* chore: add insecure-dev script to run servers
This commit is contained in:
Rafael Taranto 2019-12-24 14:36:41 +00:00 committed by Josh Harvey
parent 49f434f1d1
commit b8e0c2175b
182 changed files with 8827 additions and 4623 deletions

View file

@ -1,28 +1,45 @@
import React from 'react'
import classnames from 'classnames'
import { makeStyles } from '@material-ui/core/styles'
import classnames from 'classnames'
import React from 'react'
import styles from './styles'
const useStyles = makeStyles(styles)
function H1 ({ children, className, ...props }) {
function H1({ children, className, ...props }) {
const classes = useStyles()
return <h1 className={classnames(classes.h1, className)} {...props}>{children}</h1>
return (
<h1 className={classnames(classes.h1, className)} {...props}>
{children}
</h1>
)
}
function H2 ({ children, className, ...props }) {
function H2({ children, className, ...props }) {
const classes = useStyles()
return <h2 className={classnames(classes.h2, className)} {...props}>{children}</h2>
return (
<h2 className={classnames(classes.h2, className)} {...props}>
{children}
</h2>
)
}
function H3 ({ children, className, ...props }) {
function H3({ children, className, ...props }) {
const classes = useStyles()
return <h3 className={classnames(classes.h3, className)} {...props}>{children}</h3>
return (
<h3 className={classnames(classes.h3, className)} {...props}>
{children}
</h3>
)
}
function H4 ({ children, className, ...props }) {
function H4({ children, className, ...props }) {
const classes = useStyles()
return <h4 className={classnames(classes.h3, className)} {...props}>{children}</h4>
return (
<h4 className={classnames(classes.h3, className)} {...props}>
{children}
</h4>
)
}
const P = pBuilder('p')
@ -36,7 +53,7 @@ const Label1 = pBuilder('label1')
const Label2 = pBuilder('label2')
const Label3 = pBuilder('label3')
function pBuilder (elementClass) {
function pBuilder(elementClass) {
return ({ inline, noMargin, className, children, ...props }) => {
const classes = useStyles()
const classNames = {
@ -53,4 +70,19 @@ function pBuilder (elementClass) {
}
}
export { H1, H2, H3, H4, TL1, TL2, P, Info1, Info2, Info3, Mono, Label1, Label2, Label3 }
export {
H1,
H2,
H3,
H4,
TL1,
TL2,
P,
Info1,
Info2,
Info3,
Mono,
Label1,
Label2,
Label3
}