From 993e71aba46bced2a9d9febde508acb0de43699f Mon Sep 17 00:00:00 2001 From: Antoine Lelaisant Date: Fri, 12 Feb 2021 14:53:09 +0100 Subject: [PATCH] feat: step 1 - gitcoin + score --- jsconfig.json | 12 +++++++ package.json | 8 +++-- src/App.css | 38 ----------------------- src/App.js | 25 --------------- src/App.test.js | 8 ----- src/assets/Github.png | Bin 0 -> 10768 bytes src/components/Checkbox.js | 26 ++++++++++++++++ src/components/CookieClicker/Game.css | 6 ++++ src/components/CookieClicker/Game.js | 29 +++++++++++++++++ src/components/CookieClicker/Gitcoin.css | 13 ++++++++ src/components/CookieClicker/Gitcoin.js | 18 +++++++++++ src/components/CookieClicker/Score.js | 11 +++++++ src/index.css | 13 -------- src/index.js | 7 ++--- src/logo.svg | 1 - src/setupTests.js | 5 --- yarn.lock | 6 ++-- 17 files changed, 125 insertions(+), 101 deletions(-) create mode 100644 jsconfig.json delete mode 100644 src/App.css delete mode 100644 src/App.js delete mode 100644 src/App.test.js create mode 100644 src/assets/Github.png create mode 100644 src/components/Checkbox.js create mode 100644 src/components/CookieClicker/Game.css create mode 100644 src/components/CookieClicker/Game.js create mode 100644 src/components/CookieClicker/Gitcoin.css create mode 100644 src/components/CookieClicker/Gitcoin.js create mode 100644 src/components/CookieClicker/Score.js delete mode 100644 src/index.css delete mode 100644 src/logo.svg delete mode 100644 src/setupTests.js diff --git a/jsconfig.json b/jsconfig.json new file mode 100644 index 0000000..f7ac3da --- /dev/null +++ b/jsconfig.json @@ -0,0 +1,12 @@ +{ + "compilerOptions": { + "baseUrl": "src" + }, + "include": [ + "src" + ], + "paths": { + "assets": ["./assets/*"], + "components": ["./components/*"] + } +} diff --git a/package.json b/package.json index 63509f3..549d3c9 100644 --- a/package.json +++ b/package.json @@ -3,9 +3,6 @@ "version": "0.1.0", "private": true, "dependencies": { - "@testing-library/jest-dom": "^5.11.4", - "@testing-library/react": "^11.1.0", - "@testing-library/user-event": "^12.1.10", "react": "^17.0.1", "react-dom": "^17.0.1", "react-scripts": "4.0.2", @@ -34,5 +31,10 @@ "last 1 firefox version", "last 1 safari version" ] + }, + "devDependencies": { + "@testing-library/jest-dom": "^5.11.9", + "@testing-library/react": "^11.2.5", + "@testing-library/user-event": "^12.6.3" } } diff --git a/src/App.css b/src/App.css deleted file mode 100644 index 74b5e05..0000000 --- a/src/App.css +++ /dev/null @@ -1,38 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} diff --git a/src/App.js b/src/App.js deleted file mode 100644 index 3784575..0000000 --- a/src/App.js +++ /dev/null @@ -1,25 +0,0 @@ -import logo from './logo.svg'; -import './App.css'; - -function App() { - return ( -
-
- logo -

- Edit src/App.js and save to reload. -

- - Learn React - -
-
- ); -} - -export default App; diff --git a/src/App.test.js b/src/App.test.js deleted file mode 100644 index 1f03afe..0000000 --- a/src/App.test.js +++ /dev/null @@ -1,8 +0,0 @@ -import { render, screen } from '@testing-library/react'; -import App from './App'; - -test('renders learn react link', () => { - render(); - const linkElement = screen.getByText(/learn react/i); - expect(linkElement).toBeInTheDocument(); -}); diff --git a/src/assets/Github.png b/src/assets/Github.png new file mode 100644 index 0000000000000000000000000000000000000000..ec17d2bd03888aa357184c4584a2a289e20e1c46 GIT binary patch literal 10768 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 + + + + ); + } +} diff --git a/src/components/CookieClicker/Game.css b/src/components/CookieClicker/Game.css new file mode 100644 index 0000000..308b448 --- /dev/null +++ b/src/components/CookieClicker/Game.css @@ -0,0 +1,6 @@ +.game { + display: flex; + flex-direction: column; + align-items: center; + width: 40%; +} diff --git a/src/components/CookieClicker/Game.js b/src/components/CookieClicker/Game.js new file mode 100644 index 0000000..f89da2e --- /dev/null +++ b/src/components/CookieClicker/Game.js @@ -0,0 +1,29 @@ +import React from 'react' +import './Game.css' +import { Gitcoin } from './Gitcoin' +import { Score } from './Score' + +export class Game extends React.Component { + constructor(props) { + super(props) + + this.state = { + clicks: 0 + } + } + + handleClick() { + this.setState({ + clicks: this.state.clicks + 1 + }); + } + + render() { + return ( +
+ + +
+ ); + } +} diff --git a/src/components/CookieClicker/Gitcoin.css b/src/components/CookieClicker/Gitcoin.css new file mode 100644 index 0000000..77ad013 --- /dev/null +++ b/src/components/CookieClicker/Gitcoin.css @@ -0,0 +1,13 @@ +.gitcoin { + display: block; + width: 15rem; + height: 15rem; + border: none; + background: transparent; + outline: none; + cursor: pointer; +} + +.gitcoin > img { + width: 100%; +} diff --git a/src/components/CookieClicker/Gitcoin.js b/src/components/CookieClicker/Gitcoin.js new file mode 100644 index 0000000..7bc068d --- /dev/null +++ b/src/components/CookieClicker/Gitcoin.js @@ -0,0 +1,18 @@ +import React from 'react' +import './Gitcoin.css' +import githubIcon from 'assets/Github.png' + +export class Gitcoin extends React.Component { + render() { + const { onClick } = this.props + + return ( + + ); + } +} diff --git a/src/components/CookieClicker/Score.js b/src/components/CookieClicker/Score.js new file mode 100644 index 0000000..ba9a65a --- /dev/null +++ b/src/components/CookieClicker/Score.js @@ -0,0 +1,11 @@ +import React from 'react' + +export class Score extends React.Component { + render() { + const { clicks } = this.props + + return ( +

{clicks} Clicks

+ ); + } +} diff --git a/src/index.css b/src/index.css deleted file mode 100644 index ec2585e..0000000 --- a/src/index.css +++ /dev/null @@ -1,13 +0,0 @@ -body { - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', - monospace; -} diff --git a/src/index.js b/src/index.js index ef2edf8..f7313dd 100644 --- a/src/index.js +++ b/src/index.js @@ -1,13 +1,10 @@ import React from 'react'; import ReactDOM from 'react-dom'; -import './index.css'; -import App from './App'; import reportWebVitals from './reportWebVitals'; +import { Game } from './components/CookieClicker/Game'; ReactDOM.render( - - - , + , document.getElementById('root') ); diff --git a/src/logo.svg b/src/logo.svg deleted file mode 100644 index 9dfc1c0..0000000 --- a/src/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/setupTests.js b/src/setupTests.js deleted file mode 100644 index 8f2609b..0000000 --- a/src/setupTests.js +++ /dev/null @@ -1,5 +0,0 @@ -// jest-dom adds custom jest matchers for asserting on DOM nodes. -// allows you to do things like: -// expect(element).toHaveTextContent(/react/i) -// learn more: https://github.com/testing-library/jest-dom -import '@testing-library/jest-dom'; diff --git a/yarn.lock b/yarn.lock index db44647..bff1ff1 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1830,7 +1830,7 @@ lz-string "^1.4.4" pretty-format "^26.6.2" -"@testing-library/jest-dom@^5.11.4": +"@testing-library/jest-dom@^5.11.9": version "5.11.9" resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.11.9.tgz#e6b3cd687021f89f261bd53cbe367041fbd3e975" integrity sha512-Mn2gnA9d1wStlAIT2NU8J15LNob0YFBVjs2aEQ3j8rsfRQo+lAs7/ui1i2TGaJjapLmuNPLTsrm+nPjmZDwpcQ== @@ -1844,7 +1844,7 @@ lodash "^4.17.15" redent "^3.0.0" -"@testing-library/react@^11.1.0": +"@testing-library/react@^11.2.5": version "11.2.5" resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-11.2.5.tgz#ae1c36a66c7790ddb6662c416c27863d87818eb9" integrity sha512-yEx7oIa/UWLe2F2dqK0FtMF9sJWNXD+2PPtp39BvE0Kh9MJ9Kl0HrZAgEuhUJR+Lx8Di6Xz+rKwSdEPY2UV8ZQ== @@ -1852,7 +1852,7 @@ "@babel/runtime" "^7.12.5" "@testing-library/dom" "^7.28.1" -"@testing-library/user-event@^12.1.10": +"@testing-library/user-event@^12.6.3": version "12.6.3" resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-12.6.3.tgz#4a77c56a48823cf8adebd0f57670e4a89c24d058" integrity sha512-PCmbUKofE4SXA7l8jphZAbvv5H3c4ix34xPZ/GNe99fASX//msJRgiMbHIBP+GwRfgVG9c7zmkODSPu2X2vNRw==