Create master

HsienW · Dec 10, 2019 · a533800 · a533800
1 parent b3f69db
commit a533800
Show file tree

Hide file tree

Showing 17 changed files with 84 additions and 72 deletions.
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
diff --git a/.idea/encodings.xml b/.idea/encodings.xml
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/react-context-demo.iml b/.idea/react-context-demo.iml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/src/App.css b/src/App.css
diff --git a/src/App.js b/src/App.js
diff --git a/src/logo.svg → src/assets/logo.svg b/src/logo.svg → src/assets/logo.svg
diff --git a/src/serviceWorker.js → src/common/serviceWorker.js b/src/serviceWorker.js → src/common/serviceWorker.js
diff --git a/src/containers/App.js b/src/containers/App.js
@@ -0,0 +1,28 @@
+import React, {createContext} from 'react'
+
+const ToggleContext = createContext(
+    {
+        toggle: true,
+        handleToggle: () => {
+        }
+    });
+
+export default class ToggleProvider extends React.Component {
+
+    handleToggle = () => {
+        this.setState({toggle: !this.state.toggle})
+    };
+
+    state = {
+        toggle: true,
+        handleToggle: this.handleToggle
+    };
+
+    render() {
+        return (
+            <ToggleContext.Provider value={this.state}>
+                {this.props.children}
+            </ToggleContext.Provider>
+        )
+    }
+}
diff --git a/src/index.js b/src/index.js
@@ -1,12 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
+import './style/index.css';
+import App from './containers/App';
+import * as serviceWorker from './common/serviceWorker';
 
 ReactDOM.render(<App />, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
 serviceWorker.unregister();
diff --git a/src/index.css → src/style/index.css b/src/index.css → src/style/index.css
diff --git a/src/App.test.js → src/utils/App.test.js b/src/App.test.js → src/utils/App.test.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import App from './App';
+import App from '../containers/App';
 
 test('renders learn react link', () => {
   const { getByText } = render(<App />);

diff --git a/src/setupTests.js → src/utils/setupTests.js b/src/setupTests.js → src/utils/setupTests.js