Skip to content

Commit 4ee9294

Browse files
JithuTholoorJithuTholoor
committed
Adding github fork label
1 parent dbae91c commit 4ee9294

13 files changed

Lines changed: 97 additions & 45 deletions

‎build/asset-manifest.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
2-
"main.css": "static/css/main.22c7f0c5.css",
3-
"main.css.map": "static/css/main.22c7f0c5.css.map",
4-
"main.js": "static/js/main.d19a3f1a.js",
5-
"main.js.map": "static/js/main.d19a3f1a.js.map"
2+
"main.css": "static/css/main.79e9e255.css",
3+
"main.css.map": "static/css/main.79e9e255.css.map",
4+
"main.js": "static/js/main.6b4bb4e4.js",
5+
"main.js.map": "static/js/main.6b4bb4e4.js.map"
66
}

‎build/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="favicon.ico"><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src="https://www.google-analytics.com/analytics.js",s.parentNode.insertBefore(o,s)}(window,document,"script",0,"ga"),ga("create","UA-97696989-1","auto"),ga("send","pageview")</script><title>Rubik's Cube</title><link href="static/css/main.22c7f0c5.css" rel="stylesheet"></head><body><div id="root"></div><script type="text/javascript" src="static/js/main.d19a3f1a.js"></script></body></html>
1+
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="favicon.ico"><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src="https://www.google-analytics.com/analytics.js",s.parentNode.insertBefore(o,s)}(window,document,"script",0,"ga"),ga("create","UA-97696989-1","auto"),ga("send","pageview")</script><title>Rubik's Cube</title><link href="static/css/main.79e9e255.css" rel="stylesheet"></head><body><div id="root"></div><script type="text/javascript" src="static/js/main.6b4bb4e4.js"></script></body></html>

build/static/css/main.22c7f0c5.css renamed to build/static/css/main.79e9e255.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

build/static/css/main.22c7f0c5.css.map renamed to build/static/css/main.79e9e255.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build/static/js/main.6b4bb4e4.js‎

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build/static/js/main.6b4bb4e4.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build/static/js/main.d19a3f1a.js‎

Lines changed: 0 additions & 7 deletions
This file was deleted.

‎build/static/js/main.d19a3f1a.js.map‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎src/components/Cube.js‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -40,15 +40,15 @@ class Cube extends Component {
4040
}
4141

4242
componentDidMount() {
43-
document.addEventListener('mouseup', this.onTouchEnd);
44-
document.addEventListener('touchend', this.onTouchEnd);
45-
document.addEventListener('touchcancel', this.onTouchEnd);
43+
this.elem.addEventListener('mouseup', this.onTouchEnd);
44+
this.elem.addEventListener('touchend', this.onTouchEnd);
45+
this.elem.addEventListener('touchcancel', this.onTouchEnd);
4646
}
4747

4848
componentWillUnmount() {
49-
document.removeEventListener('mouseup', this.onTouchEnd);
50-
document.removeEventListener('touchend', this.onTouchEnd);
51-
document.removeEventListener('touchcancel', this.onTouchEnd);
49+
this.elem.removeEventListener('mouseup', this.onTouchEnd);
50+
this.elem.removeEventListener('touchend', this.onTouchEnd);
51+
this.elem.removeEventListener('touchcancel', this.onTouchEnd);
5252
}
5353

5454
cubePosition() {
@@ -71,7 +71,8 @@ class Cube extends Component {
7171

7272
render() {
7373
return (
74-
<div className="cube" style={this.cubePosition()}>
74+
<div ref={elem => this.elem = elem}
75+
className="cube" style={this.cubePosition()}>
7576
{faceArray.map((face, index) => {
7677
return <div key={index}
7778
onMouseDown={(evt) => this.onTouchStart(evt, face)}

‎src/components/CubeContainer.js‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -60,19 +60,19 @@ class CubeContainer extends Component {
6060

6161
componentDidMount() {
6262
//adding listener for mouseup
63-
document.addEventListener('mouseup', this.onTouchEnd);
64-
document.addEventListener('touchend', this.onTouchEnd);
65-
document.addEventListener('touchcancel', this.onTouchEnd);
63+
this.elem.addEventListener('mouseup', this.onTouchEnd);
64+
this.elem.addEventListener('touchend', this.onTouchEnd);
65+
this.elem.addEventListener('touchcancel', this.onTouchEnd);
6666

6767
//Initial position
6868
this.rotateCubeSpace(120, 0);
6969
}
7070

7171
componentWillUnmount() {
7272
//removeEventListener
73-
document.removeEventListener('mouseup', this.onTouchEnd);
74-
document.removeEventListener('touchend', this.onTouchEnd);
75-
document.removeEventListener('touchcancel', this.onTouchEnd);
73+
this.elem.removeEventListener('mouseup', this.onTouchEnd);
74+
this.elem.removeEventListener('touchend', this.onTouchEnd);
75+
this.elem.removeEventListener('touchcancel', this.onTouchEnd);
7676
}
7777

7878
/**return css parameters for orientation */
@@ -273,7 +273,8 @@ class CubeContainer extends Component {
273273

274274
render() {
275275
return (
276-
<div className="cube-container"
276+
<div ref={elem => this.elem = elem}
277+
className="cube-container"
277278
style={{transform:`scale(${this.getScalingFactor()})`}}
278279
onMouseDown={this.onTouchStart}
279280
onTouchStart={this.onTouchStart}

0 commit comments

Comments
 (0)