From a5338006909373c2d179e4dfe96072d036a94ce1 Mon Sep 17 00:00:00 2001
From: 10704302 <Wallace_H_Wu@wistron.com>
Date: Tue, 10 Dec 2019 18:15:13 +0800
Subject: [PATCH] Create master

---
 .idea/.gitignore                             |  2 ++
 .idea/codeStyles/codeStyleConfig.xml         |  5 +++
 .idea/encodings.xml                          |  6 ++++
 .idea/inspectionProfiles/Project_Default.xml |  7 ++++
 .idea/misc.xml                               |  6 ++++
 .idea/modules.xml                            |  8 +++++
 .idea/react-context-demo.iml                 | 12 +++++++
 .idea/vcs.xml                                |  6 ++++
 src/App.css                                  | 38 --------------------
 src/App.js                                   | 26 --------------
 src/{ => assets}/logo.svg                    |  0
 src/{ => common}/serviceWorker.js            |  0
 src/containers/App.js                        | 28 +++++++++++++++
 src/index.js                                 | 10 ++----
 src/{ => style}/index.css                    |  0
 src/{ => utils}/App.test.js                  |  2 +-
 src/{ => utils}/setupTests.js                |  0
 17 files changed, 84 insertions(+), 72 deletions(-)
 create mode 100644 .idea/.gitignore
 create mode 100644 .idea/codeStyles/codeStyleConfig.xml
 create mode 100644 .idea/encodings.xml
 create mode 100644 .idea/inspectionProfiles/Project_Default.xml
 create mode 100644 .idea/misc.xml
 create mode 100644 .idea/modules.xml
 create mode 100644 .idea/react-context-demo.iml
 create mode 100644 .idea/vcs.xml
 delete mode 100644 src/App.css
 delete mode 100644 src/App.js
 rename src/{ => assets}/logo.svg (100%)
 rename src/{ => common}/serviceWorker.js (100%)
 create mode 100644 src/containers/App.js
 rename src/{ => style}/index.css (100%)
 rename src/{ => utils}/App.test.js (87%)
 rename src/{ => utils}/setupTests.js (100%)

diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..5c98b42
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,2 @@
+# Default ignored files
+/workspace.xml
\ No newline at end of file
diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
new file mode 100644
index 0000000..a55e7a1
--- /dev/null
+++ b/.idea/codeStyles/codeStyleConfig.xml
@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
+  </state>
+</component>
\ No newline at end of file
diff --git a/.idea/encodings.xml b/.idea/encodings.xml
new file mode 100644
index 0000000..c2bae49
--- /dev/null
+++ b/.idea/encodings.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding" defaultCharsetForPropertiesFiles="UTF-8">
+    <file url="PROJECT" charset="UTF-8" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 0000000..f6f4d4a
--- /dev/null
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,7 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+    <inspection_tool class="JSNonStrictModeUsed" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
new file mode 100644
index 0000000..24eb271
--- /dev/null
+++ b/.idea/misc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="JSX" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..d7136ce
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/react-context-demo.iml" filepath="$PROJECT_DIR$/.idea/react-context-demo.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/react-context-demo.iml b/.idea/react-context-demo.iml
new file mode 100644
index 0000000..24643cc
--- /dev/null
+++ b/.idea/react-context-demo.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
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 ce9cbd2..0000000
--- a/src/App.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import logo from './logo.svg';
-import './App.css';
-
-function App() {
-  return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
-  );
-}
-
-export default App;
diff --git a/src/logo.svg b/src/assets/logo.svg
similarity index 100%
rename from src/logo.svg
rename to src/assets/logo.svg
diff --git a/src/serviceWorker.js b/src/common/serviceWorker.js
similarity index 100%
rename from src/serviceWorker.js
rename to src/common/serviceWorker.js
diff --git a/src/containers/App.js b/src/containers/App.js
new file mode 100644
index 0000000..6e36a23
--- /dev/null
+++ 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
index 87d1be5..251eb9b 100644
--- 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 b/src/style/index.css
similarity index 100%
rename from src/index.css
rename to src/style/index.css
diff --git a/src/App.test.js b/src/utils/App.test.js
similarity index 87%
rename from src/App.test.js
rename to src/utils/App.test.js
index 4db7ebc..60ff544 100644
--- a/src/App.test.js
+++ b/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 b/src/utils/setupTests.js
similarity index 100%
rename from src/setupTests.js
rename to src/utils/setupTests.js