From 8ab53f3b47d8dfad59ce2114023fa0433f9792d5 Mon Sep 17 00:00:00 2001
From: Thomas <thomas@craftacademy.se>
Date: Tue, 13 Oct 2020 10:52:33 +0200
Subject: [PATCH 1/7] refactors app structure to use jsx suffix

---
 cypress/integration/.keep |  0
 src/{App.js => App.jsx}   | 10 ++++------
 2 files changed, 4 insertions(+), 6 deletions(-)
 create mode 100644 cypress/integration/.keep
 rename src/{App.js => App.jsx} (50%)

diff --git a/cypress/integration/.keep b/cypress/integration/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/src/App.js b/src/App.jsx
similarity index 50%
rename from src/App.js
rename to src/App.jsx
index 7b753a6..396a625 100644
--- a/src/App.js
+++ b/src/App.jsx
@@ -1,13 +1,11 @@
 import React from 'react';
 import { Container, Header } from 'semantic-ui-react'
 
-const App = () => { 
+const App = () => {
   return (
-    <>
-      <Container>
-        <Header as='h1'>Hello World</Header>
-      </Container>
-    </>
+    <Container>
+      <Header as='h1'>Hello World</Header>
+    </Container>
   );
 }
 

From c40916da10de436802fc3d5c147e81b8ffd59104 Mon Sep 17 00:00:00 2001
From: Thomas <thomas@craftacademy.se>
Date: Tue, 13 Oct 2020 11:23:46 +0200
Subject: [PATCH 2/7] displays greeting from component state

---
 src/App.jsx | 35 +++++++++++++++++++++++++++++------
 1 file changed, 29 insertions(+), 6 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 396a625..77dbede 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,12 +1,35 @@
-import React from 'react';
+
+import React, { Component } from 'react';
 import { Container, Header } from 'semantic-ui-react'
 
-const App = () => {
-  return (
+class App extends Component {
+  state = {
+    greeting: "Hello World from component state"
+  }
+  render() {
+    return (
     <Container>
-      <Header as='h1'>Hello World</Header>
+      <Header as='h1'>{this.state.greeting}</Header>
     </Container>
-  );
+    );
+  }
 }
 
-export default App;
\ No newline at end of file
+App.propTypes = {
+
+};
+
+export default App;
+
+// import React from 'react';
+// import { Container, Header } from 'semantic-ui-react'
+
+// const App = () => {
+//   return (
+//     <Container>
+//       <Header as='h1'>Hello World</Header>
+//     </Container>
+//   );
+// }
+
+// export default App;
\ No newline at end of file

From 81a10c93722c62f8f1497252f0c6d6264bd2a522 Mon Sep 17 00:00:00 2001
From: Thomas <thomas@craftacademy.se>
Date: Tue, 13 Oct 2020 11:26:28 +0200
Subject: [PATCH 3/7] displays greeting from component state using hooks

---
 src/App.jsx | 53 +++++++++++++++++++++++++----------------------------
 1 file changed, 25 insertions(+), 28 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 77dbede..aae8cc9 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,35 +1,32 @@
 
-import React, { Component } from 'react';
-import { Container, Header } from 'semantic-ui-react'
-
-class App extends Component {
-  state = {
-    greeting: "Hello World from component state"
-  }
-  render() {
-    return (
-    <Container>
-      <Header as='h1'>{this.state.greeting}</Header>
-    </Container>
-    );
-  }
-}
-
-App.propTypes = {
-
-};
-
-export default App;
-
-// import React from 'react';
+// import React, { Component } from 'react';
 // import { Container, Header } from 'semantic-ui-react'
 
-// const App = () => {
-//   return (
+// class App extends Component {
+//   state = {
+//     greeting: "Hello World from component state"
+//   }
+//   render() {
+//     return (
 //     <Container>
-//       <Header as='h1'>Hello World</Header>
+//       <Header as='h1'>{this.state}</Header>
 //     </Container>
-//   );
+//     );
+//   }
 // }
 
-// export default App;
\ No newline at end of file
+// export default App;
+
+import React, { useState } from 'react';
+import { Container, Header } from 'semantic-ui-react'
+
+const App = () => {
+  let [greeting, setGreeting] = useState('Hello world from a hooked state')
+  return (
+    <Container>
+      <Header as='h1'>{greeting}</Header>
+    </Container>
+  );
+}
+
+export default App;
\ No newline at end of file

From e55ece0449a2586c81746ab67df21211c4614ba9 Mon Sep 17 00:00:00 2001
From: Thomas <thomas@craftacademy.se>
Date: Tue, 13 Oct 2020 11:42:49 +0200
Subject: [PATCH 4/7] adds and configures redux

---
 package.json                      |  2 ++
 src/App.jsx                       | 48 +++++++++++++++----------------
 src/index.js                      | 10 ++++++-
 src/state/reducers/rootReducer.js |  7 +++++
 src/state/store/configureStore.js |  8 ++++++
 src/state/store/initialState.js   |  5 ++++
 yarn.lock                         | 37 ++++++++++++++++++++++--
 7 files changed, 89 insertions(+), 28 deletions(-)
 create mode 100644 src/state/reducers/rootReducer.js
 create mode 100644 src/state/store/configureStore.js
 create mode 100644 src/state/store/initialState.js

diff --git a/package.json b/package.json
index 1d86b88..72ff954 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,9 @@
     "cypress": "^4.8.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
+    "react-redux": "^7.2.1",
     "react-scripts": "3.4.1",
+    "redux": "^4.0.5",
     "semantic-ui-css": "^2.4.1",
     "semantic-ui-react": "^0.88.2",
     "start-server-and-test": "^1.11.0"
diff --git a/src/App.jsx b/src/App.jsx
index aae8cc9..7cec86b 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,32 +1,30 @@
 
-// import React, { Component } from 'react';
-// import { Container, Header } from 'semantic-ui-react'
-
-// class App extends Component {
-//   state = {
-//     greeting: "Hello World from component state"
-//   }
-//   render() {
-//     return (
-//     <Container>
-//       <Header as='h1'>{this.state}</Header>
-//     </Container>
-//     );
-//   }
-// }
-
-// export default App;
-
-import React, { useState } from 'react';
+import React, { Component } from 'react';
 import { Container, Header } from 'semantic-ui-react'
 
-const App = () => {
-  let [greeting, setGreeting] = useState('Hello world from a hooked state')
-  return (
+class App extends Component {
+
+  render() {
+    return (
     <Container>
-      <Header as='h1'>{greeting}</Header>
+      <Header as='h1'></Header>
     </Container>
-  );
+    );
+  }
 }
 
-export default App;
\ No newline at end of file
+export default App;
+
+// import React, { useState } from 'react';
+// import { Container, Header } from 'semantic-ui-react'
+
+// const App = () => {
+//   let [greeting, setGreeting] = useState('Hello world from a hooked state')
+//   return (
+//     <Container>
+//       <Header as='h1'>{greeting}</Header>
+//     </Container>
+//   );
+// }
+
+// export default App;
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 232db01..16fbcef 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,6 +3,14 @@ import ReactDOM from 'react-dom';
 import 'semantic-ui-css/semantic.min.css';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
+import { Provider } from 'react-redux'
+import configureStore from './state/store/configureStore'
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const store = configureStore()
+window.store = store
+ReactDOM.render(
+  <Provider store={store}>
+    <App />
+  </Provider>
+  , document.getElementById('root'));
 serviceWorker.unregister();
\ No newline at end of file
diff --git a/src/state/reducers/rootReducer.js b/src/state/reducers/rootReducer.js
new file mode 100644
index 0000000..8ddd91e
--- /dev/null
+++ b/src/state/reducers/rootReducer.js
@@ -0,0 +1,7 @@
+import initialState from '../store/initialState'
+
+const rootReducer = (state = initialState) => {
+  return state
+}
+
+export default rootReducer
\ No newline at end of file
diff --git a/src/state/store/configureStore.js b/src/state/store/configureStore.js
new file mode 100644
index 0000000..fe19931
--- /dev/null
+++ b/src/state/store/configureStore.js
@@ -0,0 +1,8 @@
+import { createStore } from 'redux'
+import rootReducer from '../reducers/rootReducer'
+
+const configureStore = () => {
+  return createStore(rootReducer)
+}
+
+export default configureStore
\ No newline at end of file
diff --git a/src/state/store/initialState.js b/src/state/store/initialState.js
new file mode 100644
index 0000000..964d491
--- /dev/null
+++ b/src/state/store/initialState.js
@@ -0,0 +1,5 @@
+const initialState = {
+  greeting: 'Hello World from application state'
+}
+
+export default initialState
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 78708b8..fb1fb11 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1012,6 +1012,13 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
+"@babel/runtime@^7.5.5":
+  version "7.11.2"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.11.2.tgz#f549c13c754cc40b87644b9fa9f09a6a95fe0736"
+  integrity sha512-TeWkU52so0mPtDcaCTxNBI/IHiz0pZgr8VEFqXFtZWpYD08ZB6FaSwVAS8MKRQAP3bYKiVjwysOJgMFY28o6Tw==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/template@^7.10.3":
   version "7.10.3"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.10.3.tgz#4d13bc8e30bf95b0ce9d175d30306f42a2c9a7b8"
@@ -5491,6 +5498,13 @@ hmac-drbg@^1.0.0:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
+hoist-non-react-statics@^3.3.0:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
 hosted-git-info@^2.1.4:
   version "2.8.8"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
@@ -9406,7 +9420,7 @@ react-error-overlay@^6.0.7:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.7.tgz#1dcfb459ab671d53f660a991513cb2f0a0553108"
   integrity sha512-TAv1KJFh3RhqxNvhzxj6LeT5NWklP6rDr2a0jaTfsZ5wSZWHOGeqQyejUp3xxLfPt2UpyJEcVQB/zyPcmonNFA==
 
-react-is@^16.12.0, react-is@^16.6.3, react-is@^16.8.1, react-is@^16.8.4, react-is@^16.8.6, react-is@^16.9.0:
+react-is@^16.12.0, react-is@^16.6.3, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4, react-is@^16.8.6, react-is@^16.9.0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -9424,6 +9438,17 @@ react-popper@^1.3.4:
     typed-styles "^0.0.7"
     warning "^4.0.2"
 
+react-redux@^7.2.1:
+  version "7.2.1"
+  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.2.1.tgz#8dedf784901014db2feca1ab633864dee68ad985"
+  integrity sha512-T+VfD/bvgGTUA74iW9d2i5THrDQWbweXP0AVNI8tNd1Rk5ch1rnMiJkDD67ejw7YBKM4+REvcvqRuWJb7BLuEg==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    hoist-non-react-statics "^3.3.0"
+    loose-envify "^1.4.0"
+    prop-types "^15.7.2"
+    react-is "^16.9.0"
+
 react-scripts@3.4.1:
   version "3.4.1"
   resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-3.4.1.tgz#f551298b5c71985cc491b9acf3c8e8c0ae3ada0a"
@@ -9597,6 +9622,14 @@ redent@^3.0.0:
     indent-string "^4.0.0"
     strip-indent "^3.0.0"
 
+redux@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/redux/-/redux-4.0.5.tgz#4db5de5816e17891de8a80c424232d06f051d93f"
+  integrity sha512-VSz1uMAH24DM6MF72vcojpYPtrTUu3ByVWfPL1nPfVRb5mZVTve5GnNCUV53QM/BZ66xfWrm0CTWoM+Xlz8V1w==
+  dependencies:
+    loose-envify "^1.4.0"
+    symbol-observable "^1.2.0"
+
 reflect.ownkeys@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/reflect.ownkeys/-/reflect.ownkeys-0.2.0.tgz#749aceec7f3fdf8b63f927a04809e90c5c0b3460"
@@ -10836,7 +10869,7 @@ svgo@^1.0.0, svgo@^1.2.2:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
-symbol-observable@^1.1.0:
+symbol-observable@^1.1.0, symbol-observable@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
   integrity sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==

From 1810e1f1c52d54e1d687bc223e06fddd7195a94a Mon Sep 17 00:00:00 2001
From: Thomas <thomas@craftacademy.se>
Date: Tue, 13 Oct 2020 11:50:17 +0200
Subject: [PATCH 5/7] connects App to Redux store using connect() and
 mapStateToProps

---
 src/App.jsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 7cec86b..d17f052 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,19 +1,26 @@
 
 import React, { Component } from 'react';
+import { connect } from 'react-redux'
 import { Container, Header } from 'semantic-ui-react'
 
 class App extends Component {
 
   render() {
     return (
-    <Container>
-      <Header as='h1'></Header>
-    </Container>
+      <Container>
+        <Header as='h1'>{this.props.greeting}</Header>
+      </Container>
     );
   }
 }
 
-export default App;
+const mapStateToProps = state => {
+  return {
+    greeting: state.greeting
+  }
+}
+
+export default connect(mapStateToProps)(App);
 
 // import React, { useState } from 'react';
 // import { Container, Header } from 'semantic-ui-react'

From e3cc53a5d778dea8d2b9ea20b0fc305b9a1f45d9 Mon Sep 17 00:00:00 2001
From: Thomas <thomas@craftacademy.se>
Date: Tue, 13 Oct 2020 11:55:03 +0200
Subject: [PATCH 6/7] makes use of useSelector to get access to store in a
 functional component

---
 src/App.jsx | 62 +++++++++++++++++++++++++++--------------------------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index d17f052..26c88d9 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,37 +1,39 @@
 
-import React, { Component } from 'react';
-import { connect } from 'react-redux'
-import { Container, Header } from 'semantic-ui-react'
-
-class App extends Component {
+// import React, { Component } from 'react';
+// import { connect } from 'react-redux'
+// import { Container, Header } from 'semantic-ui-react'
 
-  render() {
-    return (
-      <Container>
-        <Header as='h1'>{this.props.greeting}</Header>
-      </Container>
-    );
-  }
-}
+// class App extends Component {
 
-const mapStateToProps = state => {
-  return {
-    greeting: state.greeting
-  }
-}
+//   render() {
+//     return (
+//       <Container>
+//         <Header as='h1'>{this.props.greeting}</Header>
+//       </Container>
+//     );
+//   }
+// }
 
-export default connect(mapStateToProps)(App);
+// const mapStateToProps = state => {
+//   return {
+//     greeting: state.greeting
+//   }
+// }
 
-// import React, { useState } from 'react';
-// import { Container, Header } from 'semantic-ui-react'
+// export default connect(mapStateToProps)(App);
 
-// const App = () => {
-//   let [greeting, setGreeting] = useState('Hello world from a hooked state')
-//   return (
-//     <Container>
-//       <Header as='h1'>{greeting}</Header>
-//     </Container>
-//   );
-// }
+import React, { useState } from 'react';
+import { Container, Header } from 'semantic-ui-react'
+import { useSelector } from 'react-redux'
+
+const App = () => {
+  // let [greeting, setGreeting] = useState('Hello world from a hooked state')
+  let state = useSelector(state => state)
+  return (
+    <Container>
+      <Header as='h1'>{state.greeting}</Header>
+    </Container>
+  );
+}
 
-// export default App;
\ No newline at end of file
+export default App;
\ No newline at end of file

From c990bcddc1a7491aba52e1e90977c291cc4a3fb4 Mon Sep 17 00:00:00 2001
From: oliverochman <oliver.ochman@hotmail.com>
Date: Tue, 13 Oct 2020 16:30:53 +0200
Subject: [PATCH 7/7] display current country of user

---
 .gitignore                                    |  1 +
 cypress.json                                  |  3 +-
 .../usercanSeeWhatCountryTheyAreIn.feature.js | 11 +++++
 cypress/support/commands.js                   | 25 -----------
 cypress/support/stubLocation.js               | 18 ++++++++
 package.json                                  |  1 +
 src/App.jsx                                   | 42 +++++++------------
 src/modules/location.js                       | 28 +++++++++++++
 src/state/reducers/rootReducer.js             | 13 +++++-
 src/state/store/initialState.js               |  5 ++-
 yarn.lock                                     | 12 ++++++
 11 files changed, 102 insertions(+), 57 deletions(-)
 create mode 100644 cypress/integration/usercanSeeWhatCountryTheyAreIn.feature.js
 create mode 100644 cypress/support/stubLocation.js
 create mode 100644 src/modules/location.js

diff --git a/.gitignore b/.gitignore
index 4d29575..f21726c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,6 +17,7 @@
 .env.development.local
 .env.test.local
 .env.production.local
+.env
 
 npm-debug.log*
 yarn-debug.log*
diff --git a/cypress.json b/cypress.json
index 399eea2..1ae86ea 100644
--- a/cypress.json
+++ b/cypress.json
@@ -1,3 +1,4 @@
 {
-  "baseUrl": "http://localhost:3001"
+  "baseUrl": "http://localhost:3001",
+  "chromeWebSecurity": false
 }
diff --git a/cypress/integration/usercanSeeWhatCountryTheyAreIn.feature.js b/cypress/integration/usercanSeeWhatCountryTheyAreIn.feature.js
new file mode 100644
index 0000000..fa0b832
--- /dev/null
+++ b/cypress/integration/usercanSeeWhatCountryTheyAreIn.feature.js
@@ -0,0 +1,11 @@
+const stubLocation = require('../support/stubLocation')
+
+describe('User can see current country', () => {
+  beforeEach(() => {
+    cy.visit("/", stubLocation({latitude: 28.9784, longitude: 41.0082 }))
+  })
+
+  it('that displays correctly', () => {
+    cy.get("[data-cy='current-location']").should("contain", "You are in Finland!")
+  });
+})
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
index ca4d256..e69de29 100644
--- a/cypress/support/commands.js
+++ b/cypress/support/commands.js
@@ -1,25 +0,0 @@
-// ***********************************************
-// This example commands.js shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add("login", (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
diff --git a/cypress/support/stubLocation.js b/cypress/support/stubLocation.js
new file mode 100644
index 0000000..8d003e7
--- /dev/null
+++ b/cypress/support/stubLocation.js
@@ -0,0 +1,18 @@
+const stubLocation = (options) => ({
+  onBeforeLoad(win) {
+    const stubLocation = {
+      coords: {
+        latitidue: options.latitude,
+        longitude: options.longitude
+      },
+    };
+    debugger;
+    cy.stub(win.navigator.geolocation, "getCurrentPosition").callsFake(
+      (callback) => {
+        return callback(stubLocation);
+      }
+    );
+  },
+});
+
+export default stubLocation;
\ No newline at end of file
diff --git a/package.json b/package.json
index 72ff954..5464e61 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
+    "axios": "^0.20.0",
     "cypress": "^4.8.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
diff --git a/src/App.jsx b/src/App.jsx
index 26c88d9..22eaa0b 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,37 +1,23 @@
+import React, { useEffect } from 'react';
+import { Container, Header } from 'semantic-ui-react'
+import { useSelector, useDispatch } from 'react-redux'
+import { getCurrentPostion } from './modules/location'
 
-// import React, { Component } from 'react';
-// import { connect } from 'react-redux'
-// import { Container, Header } from 'semantic-ui-react'
-
-// class App extends Component {
-
-//   render() {
-//     return (
-//       <Container>
-//         <Header as='h1'>{this.props.greeting}</Header>
-//       </Container>
-//     );
-//   }
-// }
-
-// const mapStateToProps = state => {
-//   return {
-//     greeting: state.greeting
-//   }
-// }
 
-// export default connect(mapStateToProps)(App);
+const App = () => {
+  let greeting = useSelector(state => state.greeting)
+  let country = useSelector(state => state.location.country)
+  const dispatch = useDispatch()
 
-import React, { useState } from 'react';
-import { Container, Header } from 'semantic-ui-react'
-import { useSelector } from 'react-redux'
+  useEffect(() => {
+    getCurrentPostion(dispatch)
+    debugger
+  }, [])
 
-const App = () => {
-  // let [greeting, setGreeting] = useState('Hello world from a hooked state')
-  let state = useSelector(state => state)
   return (
     <Container>
-      <Header as='h1'>{state.greeting}</Header>
+      <p data-cy="current-location" >You are in {country}!</p>
+      <Header as='h1'>{greeting}</Header>
     </Container>
   );
 }
diff --git a/src/modules/location.js b/src/modules/location.js
new file mode 100644
index 0000000..a4a9e49
--- /dev/null
+++ b/src/modules/location.js
@@ -0,0 +1,28 @@
+import axios from 'axios'
+
+const getCurrentPostion = async (dispatch) => {
+  navigator.geolocation.getCurrentPosition(async (pos) => {
+    debugger;
+    const country = await getCountry(pos.coords.longitude, pos.coords.latitude)
+    dispatch({
+      type: "SET_LOCATION",
+      payload: {
+        country: country,
+        longitude: pos.coords.longitude,
+        latitidue: pos.coords.latitude
+      }
+    })
+  })
+}
+
+const getCountry = async (long, lat) => {
+  const apiKey = process.env.REACT_APP_OPEN_CAGE_API_KEY
+debugger;
+  const results = await axios.get(
+    `https://api.opencagedata.com/geocode/v1/json?q=${lat}%2C${long}&language=en&key=${apiKey}`
+  )
+
+  return results.data.results[0].components.country
+}
+
+export { getCurrentPostion }
\ No newline at end of file
diff --git a/src/state/reducers/rootReducer.js b/src/state/reducers/rootReducer.js
index 8ddd91e..cc70398 100644
--- a/src/state/reducers/rootReducer.js
+++ b/src/state/reducers/rootReducer.js
@@ -1,7 +1,16 @@
 import initialState from '../store/initialState'
 
-const rootReducer = (state = initialState) => {
-  return state
+const rootReducer = (state = initialState, action) => {
+  switch (action.type) {
+    case "SET_LOCATION":
+      return {
+        ...state,
+        location: action.payload
+      }
+
+    default:
+      return state
+  }
 }
 
 export default rootReducer
\ No newline at end of file
diff --git a/src/state/store/initialState.js b/src/state/store/initialState.js
index 964d491..f89bfdb 100644
--- a/src/state/store/initialState.js
+++ b/src/state/store/initialState.js
@@ -1,5 +1,8 @@
 const initialState = {
-  greeting: 'Hello World from application state'
+  greeting: 'Hello it is time to use geolocation!',
+  location: {
+    country: ""
+  }
 }
 
 export default initialState
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index fb1fb11..a296dc1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2356,6 +2356,13 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.9.1.tgz#7e33d8f7d449b3f673cd72deb9abdc552dbe528e"
   integrity sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug==
 
+axios@^0.20.0:
+  version "0.20.0"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.20.0.tgz#057ba30f04884694993a8cd07fa394cff11c50bd"
+  integrity sha512-ANA4rr2BDcmmAQLOKft2fufrtuvlqR+cXNNinUmvfeSNCOF98PZL+7M/v1zIdGo7OLjEA9J2gXJL+j4zGsl0bA==
+  dependencies:
+    follow-redirects "^1.10.0"
+
 axobject-query@^2.0.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-2.1.2.tgz#2bdffc0371e643e5f03ba99065d5179b9ca79799"
@@ -5052,6 +5059,11 @@ follow-redirects@^1.0.0:
   dependencies:
     debug "^3.0.0"
 
+follow-redirects@^1.10.0:
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.0.tgz#b42e8d93a2a7eea5ed88633676d6597bc8e384db"
+  integrity sha512-aq6gF1BEKje4a9i9+5jimNFIpq4Q1WiwBToeRK5NvZBd/TRsmW8BsJfOEGkr76TbOyPVD3OVDN910EcUNtRYEA==
+
 for-in@^0.1.3:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-0.1.8.tgz#d8773908e31256109952b1fdb9b3fa867d2775e1"