Merge pull request #10 from nextimecode/release/0.8.0

Release/0.8.0

README.md

@@ -31,6 +31,7 @@ Os nossos projetos são desenvolvidos com:
 - [Clean Code with JS](https://medium.com/trainingcenter/c%C3%B3digo-limpo-vers%C3%A3o-javascript-80adecafdbec)
 - [Tutorial do git fluxo da Nextime](https://drive.google.com/file/d/1a44AWwM_JGLa0Z5-ECCT2sw4qisU9e_F/view?usp=sharing)
 - [Tutorial do fluxo de review da Nextime](https://drive.google.com/file/d/1HG_m-s8U1JZ-Wp_8Gk9t1lb2YtcHme4R/view?usp=sharing)
+- [Api de data](https://date-fns.org/docs/Getting-Started)
 
 
 ## Conventional commits

codegen.yml

@@ -0,0 +1,13 @@
+schema: https://api-us-west-2.hygraph.com/v2/cl4pafqr71v2801xl8yq82eeg/master
+documents: './src/graphql/**/*.graphql'
+generates:
+  ./src/graphql/generated.ts:
+    plugins:
+      - typescript
+      - typescript-operations
+      - typescript-react-apollo
+    config:
+      reactApolloVersion: 3
+      withHooks: true
+      withHoc: false
+      withComponent: false

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextime-nextjs-chakra-ui-start",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -16,39 +16,48 @@
     "go": "yarn prepush && yarn dev",
     "prepare": "husky install",
     "postinstall": "husky install",
+    "codegen": "graphql-codegen",
     "test": "jest"
   },
   "dependencies": {
-    "@chakra-ui/react": "^2.2.8",
-    "@emotion/react": "^11.10.0",
-    "@emotion/styled": "^11.10.0",
-    "framer-motion": "^7.2.0",
+    "@apollo/client": "^3.6.9",
+    "@chakra-ui/react": "^2.3.1",
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
+    "@fontsource/open-sans": "^4.5.11",
+    "@fontsource/roboto": "^4.5.8",
+    "framer-motion": "^7.2.1",
+    "graphql": "^16.6.0",
     "next": "12.2.5",
     "prettier": "^2.7.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.0.3",
-    "@commitlint/config-conventional": "^17.0.3",
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@graphql-codegen/cli": "^2.12.0",
+    "@graphql-codegen/typescript": "^2.7.3",
+    "@graphql-codegen/typescript-operations": "^2.5.3",
+    "@graphql-codegen/typescript-react-apollo": "^3.3.3",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.3.0",
-    "@types/jest": "^28.1.7",
-    "@types/react": "^18.0.17",
-    "@typescript-eslint/eslint-plugin": "^5.33.1",
-    "@typescript-eslint/parser": "^5.33.1",
+    "@types/jest": "^29.0.0",
+    "@types/react": "^18.0.18",
+    "@typescript-eslint/eslint-plugin": "^5.36.1",
+    "@typescript-eslint/parser": "^5.36.1",
     "commitizen": "^4.2.5",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.22.0",
+    "eslint": "^8.23.0",
     "eslint-config-next": "^12.2.5",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-standard": "^17.0.0",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-n": "^15.2.4",
+    "eslint-plugin-n": "^15.2.5",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-promise": "^6.0.1",
+    "eslint-plugin-react": "^7.31.4",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.1",
     "jest": "^28.1.3",

src/components/atoms/NextLogo/index.tsx

@@ -0,0 +1,5 @@
+import Image from 'next/image'
+
+export function NextLogo() {
+  return <Image src="/images/logos/logo_nextime.svg" alt="NeXTIME Logo" width={146} height={45} />
+}

src/components/atoms/nextButton/NextButton.test.tsx

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import NextButton from '../nextButton'
+import NextButton from '../NextButton'
 
 describe('NextButton', () => {
   it('renders correctly', () => {

src/components/atoms/nextButton/index.tsx

@@ -1,12 +1,13 @@
 import React, { PropsWithChildren } from 'react'
 import { Button } from '@chakra-ui/react'
 
-type Props = {
-  bg?: 'primary' | 'primary-dark' | 'white' | 'dark' | undefined
+interface NextButtonProps {
+  bg?: 'next-blue.400' | 'next-dark.200' | undefined
 }
 
-const NextButton = ({ bg = 'primary', children }: PropsWithChildren<Props>) => (
-  <Button bg={bg}>{children}</Button>
-)
-
-export default NextButton
+export default function NextButton({
+  bg = 'next-blue.400',
+  children
+}: PropsWithChildren<NextButtonProps>) {
+  return <Button bg={bg}>{children}</Button>
+}

src/components/example/index.tsx

@@ -1,9 +1,7 @@
-import React from 'react'
-
 type Props = {
   label: string
 }
 
-const Example = ({ label }: Props) => <h1 className="h1">{label}</h1>
-
-export default Example
+export function Example({ label }: Props) {
+  return <h1 className="h1">{label}</h1>
+}