setup screen binded to the monday.com table values

imesut · Aug 30, 2022 · c75ee72 · c75ee72
1 parent 0f4d28b
commit c75ee72
Show file tree

Hide file tree

Showing 23 changed files with 291 additions and 341 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,8 @@
 # Created by https://www.toptal.com/developers/gitignore/api/node,react
 # Edit at https://www.toptal.com/developers/gitignore?templates=node,react
 
+build/
+
 ### Node ###
 # Logs
 logs

diff --git a/build/asset-manifest.json b/build/asset-manifest.json
@@ -1,16 +1,13 @@
 {
   "files": {
-    "main.css": "/widget/static/css/main.3e4401a0.css",
-    "main.js": "/widget/static/js/main.699c8dfa.js",
-    "static/media/target.png": "/widget/static/media/target.83267bb88873bfdadbe8.png",
-    "static/media/emission.png": "/widget/static/media/emission.52e5b9d282e08698d63f.png",
-    "static/media/action.png": "/widget/static/media/action.74982edfb9b26854ef6e.png",
-    "index.html": "/widget/index.html",
-    "main.3e4401a0.css.map": "/widget/static/css/main.3e4401a0.css.map",
-    "main.699c8dfa.js.map": "/widget/static/js/main.699c8dfa.js.map"
+    "main.css": "/static/css/main.3e4401a0.css",
+    "main.js": "/static/js/main.c49053b9.js",
+    "index.html": "/index.html",
+    "main.3e4401a0.css.map": "/static/css/main.3e4401a0.css.map",
+    "main.c49053b9.js.map": "/static/js/main.c49053b9.js.map"
   },
   "entrypoints": [
     "static/css/main.3e4401a0.css",
-    "static/js/main.699c8dfa.js"
+    "static/js/main.c49053b9.js"
   ]
 }
diff --git a/build/index.html b/build/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/widget/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/widget/logo192.png"/><link rel="manifest" href="/widget/manifest.json"/><title>React App</title><script defer="defer" src="/widget/static/js/main.699c8dfa.js"></script><link href="/widget/static/css/main.3e4401a0.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>React App</title><script defer="defer" src="/static/js/main.c49053b9.js"></script><link href="/static/css/main.3e4401a0.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/build/static/js/main.699c8dfa.js b/build/static/js/main.699c8dfa.js
diff --git a/build/static/js/main.699c8dfa.js.LICENSE.txt b/build/static/js/main.699c8dfa.js.LICENSE.txt
diff --git a/build/static/js/main.699c8dfa.js.map b/build/static/js/main.699c8dfa.js.map
diff --git a/build/static/media/action.74982edfb9b26854ef6e.png b/build/static/media/action.74982edfb9b26854ef6e.png
diff --git a/build/static/media/emission.52e5b9d282e08698d63f.png b/build/static/media/emission.52e5b9d282e08698d63f.png
diff --git a/build/static/media/target.83267bb88873bfdadbe8.png b/build/static/media/target.83267bb88873bfdadbe8.png
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "monday-integration-quickstart-app",
   "version": "0.0.1",
   "private": true,
-  "homepage": "/widget",
+  "homepage": "/",
   "scripts": {
     "start": "npm run stop && concurrently \"npm run server\" \"npm run expose\"",
     "build": "react-scripts build",
@@ -20,7 +20,6 @@
     "monday-ui-react-core": "^1.54.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.3.0",
     "react-scripts": "^5.0.1",
     "recharts": "^2.1.13"
   },

diff --git a/src/App.js b/src/App.js
@@ -1,24 +1,19 @@
 import React from "react";
-import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import "./App.css";
-// import mondaySdk from "monday-sdk-js";
 import "monday-ui-react-core/dist/main.css"
 import Setup from "./Setup"
-import Widget from "./Widget";
-
-// const monday = mondaySdk();
+import YearOverviewWidget from "./YearOverviewWidget";
+import { calculateEmissions } from "./Models/MondayDataModel"
 
 class App extends React.Component {
     constructor(props) {
         super(props);
-
         this.state = {
             settings: {},
-            setupStep: 2,
             breakdownCustomizationTipDismissed: false
         };
 
-        this.month = 8;
+        this.month = (new Date()).getMonth() + 1;
 
         this.data = {
             this_year: {
@@ -42,28 +37,30 @@ class App extends React.Component {
         }
     }
 
-
     componentDidMount() {
-        // monday.api(`query { me { name } }`).then((res) => {
-        //   this.setState({ name: res.data.me.name });
-        //   console.log(res.data.me.name)
-        // });
+        // let objects = {
+        //     "expensesByTypes": expensesByTypes,
+        //     "calculator": calculator,
+        //     "emissionsByTypes": emissionsByTypes,
+        //     "totalEmissions": totalEmissions,
+        //     "offsetTotal": offsetTotal
+        // }
+        calculateEmissions().then((obj) => {
+            let emission = obj.totalEmissions
+            let offset = obj.offsetTotal
+            this.data.this_year.emission = emission
+            this.data.this_year.neutralized = offset
+            this.data.this_year.net = (emission - offset)
+            this.setState({});
+        })
     }
 
-
     render() {
-        // let step = this.state.setupStep;
-
-        // console.log("repeatessss?")
-
         return (
-            <BrowserRouter>
-                <Routes>
-                    <Route path="/" element={<Setup baseContext={this} />} />
-                    <Route path="widget" element={<Widget />} />
-                </Routes>
-            </BrowserRouter>
-
+            <>
+                <Setup baseContext={this} />
+                {/* <YearOverviewWidget context={this} /> */}
+            </>
         )
     }
 }

diff --git a/src/App.test.js b/src/App.test.js
diff --git a/src/Components/ActionBox.js b/src/Components/ActionBox.js
@@ -1,6 +1,6 @@
 import React from "react";
 import { Heading, Flex, Box, Button } from "monday-ui-react-core"
-import { Dashboard, AddSmall, Search } from "monday-ui-react-core/dist/allIcons"
+import { Search } from "monday-ui-react-core/dist/allIcons"
 
 export default class ActionBox extends React.Component {
 

diff --git a/src/Components/GraphBoxWrapper.js b/src/Components/GraphBoxWrapper.js
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { PieChart, Pie, ResponsiveContainer } from 'recharts';
+import { ResponsiveContainer } from 'recharts';
 import { Box, Button, Heading } from "monday-ui-react-core"
 import { Dashboard } from "monday-ui-react-core/dist/allIcons";
 

diff --git a/src/Components/TargetGraph.js b/src/Components/TargetGraph.js
@@ -1,6 +1,4 @@
 import React from "react";
-// import { PureComponent } from "react";
-
 import { LineChart, Line, XAxis, YAxis, CartesianGrid, ResponsiveContainer, ReferenceLine, ReferenceDot, Area } from 'recharts';
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/widget/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/widget/logo192.png"/><link rel="manifest" href="/widget/manifest.json"/><title>React App</title><script defer="defer" src="/widget/static/js/main.699c8dfa.js"></script><link href="/widget/static/css/main.3e4401a0.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>React App</title><script defer="defer" src="/static/js/main.c49053b9.js"></script><link href="/static/css/main.3e4401a0.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>