-
Notifications
You must be signed in to change notification settings - Fork 5
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Urql graphql client #10
base: main
Are you sure you want to change the base?
Conversation
added db connection added customer table
split to load and display component
.gitignore
Outdated
@@ -5,6 +5,9 @@ | |||
/.pnp | |||
.pnp.js | |||
|
|||
# packages | |||
package-lock.json |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
we would like to commit this file
src/index.tsx
Outdated
case 'sk': | ||
case 'sk-SK': | ||
return import('./compiled-lang/sk.json'); | ||
case "sk": |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
do not change formatting when you are adding a feature (in future there are will be merge conflicts...)
import { CustomersTable } from "./CustomersTable"; | ||
|
||
const SEARCH = gql` | ||
query Search($search: String!) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
query searchCustomers
I am not sure if $search
should be mandatory.
change Prettier settings (single quotes, remove semicolons) added package-lock.json
package.json
Outdated
@@ -39,6 +42,7 @@ | |||
] | |||
}, | |||
"devDependencies": { | |||
"@types/react": "^17.0.3", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
let's have the same version with react...
src/index.tsx
Outdated
import { IntlProvider } from 'react-intl' | ||
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom' | ||
import { Dashboard, HelloWorld } from './components' | ||
import { CustomerListView } from './views/customer/app' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's rename the file ./view/customer/app
to ./view/customer/CustomerListView
header: <Text>Registration date</Text>, | ||
primary: true, | ||
render: (customer) => ( | ||
<Text>{moment(customer.createdAt).format('DD/MM/YYYY')}</Text> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please, format using react-intl
instead moment
- change same react version - rename file customer/app to customer/CustomerListView - format using react-intl
package.json
Outdated
"grommet": "2.11.0", | ||
"grommet-icons": "4.4.0", | ||
"grommet-theme-v1": "^0.1.0", | ||
"moment": "^2.27.0", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
please remove unused dependency
Closes #8