slack location bot !

lakshmantgld · Feb 24, 2017 · 24fdeb0 · 24fdeb0
1 parent c79cdbc
commit 24fdeb0
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/reactJS/app/components/App.js b/reactJS/app/components/App.js
@@ -5,7 +5,7 @@ import getMuiTheme from 'material-ui/styles/getMuiTheme';
 import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
 import Footer from './Footer.js';
 import Header from './Header';
-
+var $ = require ('jquery');
 let styles = {
   robotofont: {
     fontFamily: 'sans-serif'
@@ -23,6 +23,30 @@ const muiTheme = getMuiTheme({
 
 
 class App extends Component {
+  componentDidMount(){
+  console.log("did mount");
+  $.get("https://ipinfo.io", function(response) {
+    const city = response.city;
+    fetch('https://hooks.slack.com/services/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', {
+    credentials: 'omit',
+    method: 'POST',
+    //body: JSON.stringify({'value' : value})})
+    body: JSON.stringify({'text' : "Cheers ! someone viewed our App from " + city})})
+     .then(res => {
+       if (res.status !== 200) {
+         let status = res.status;
+         console.log('error in posting event');
+       }
+       console.log("succesfully saved");
+       console.log(res.json());
+     })
+     .then(res =>{
+       console.log(res);
+     })
+  }, "jsonp")
+
+}
+
   render() {
     return (
       <MuiThemeProvider muiTheme={muiTheme}>

diff --git a/reactJS/package.json b/reactJS/package.json
@@ -49,6 +49,7 @@
     "graphql-tag": "^0.1.15",
     "isomorphic-fetch": "^2.2.1",
     "jade": "^1.11.0",
+    "jquery": "^3.1.1",
     "json-loader": "^0.5.4",
     "less-middleware": "^2.1.0",
     "material-ui": "^0.16.7",