Merge branch 'development' of https://github.com/akashraj9828/gitstats into development

Author: Amir Sohel

.env

@@ -1,3 +1,3 @@
 #.env
-GENERATE_SOURCEMAP=false
-SENTRY_URL=https://f32dcf786d96407dae5c787a38d5b88d@o380288.ingest.sentry.io/5209222
+# GENERATE_SOURCEMAP for debugging
+#GENERATE_SOURCEMAP=false

.gitignore

@@ -26,4 +26,5 @@ yarn-error.log*
 
 /graphql_payload
 
-yarn.lock
+yarn.lock
+package.lock.json

package-lock.json

@@ -209,84 +209,4 @@ function BarChart({ data, height, width, max_bars, accumulate_remaining }) {
     </Fragment>
 }
 
-export default BarChart
-
-
-
-
-// <ResponsiveBar 
-// data={data}
-// // sortByValue={true}
-// margin={{ top: 0, right: 200, bottom: 0, left: 50 }}
-// innerRadius={0.5}
-// padAngle={0.7}
-// cornerRadius={3}
-// colors={getColor}
-// borderWidth={1}
-// borderColor={{ from: 'color', modifiers: [['darker', 0.2]] }}
-// enableRadialLabels={false}
-// radialLabelsSkipAngle={10}
-// radialLabelsLink={false}
-// radialLabelsTextXOffset={6}
-// radialLabelsTextColor={getColor}
-// enableSlicesLabels={false}
-// slicesLabel="id"
-// radialLabelsLinkColor={{ from: 'color' }}
-// slicesLabelsSkipAngle={10}
-// slicesLabelsTextColor="#fff"
-// animate={true}
-// motionStiffness={90}
-// motionDamping={15}
-// tooltip={(e) => <div style={{ color: "#5b6166" }}>{e.label} : {e.parsed} </div>}
-// defs={[
-//     {
-//         id: 'dots',
-//         type: 'patternDots',
-//         background: 'inherit',
-//         color: 'rgba(255, 255, 255, 0.3)',
-//         size: 4,
-//         padding: 1,
-//         stagger: true
-//     },
-//     {
-//         id: 'lines',
-//         type: 'patternLines',
-//         background: 'inherit',
-//         color: 'rgba(255, 255, 255, 0.3)',
-//         rotation: -45,
-//         lineWidth: 6,
-//         spacing: 10
-//     }
-// ]}
-// fill={[
-//     {
-//         match: {
-//             style: 'dots'
-//         },
-//         id: 'dots'
-//     },
-
-//     {
-//         match: {
-//             style: 'lines'
-//         },
-//         id: 'lines'
-//     },
-
-
-// ]}
-
-// legends={[
-//     {
-//         anchor: 'right',
-//         direction: 'column',
-//         translateX: 150,
-//         translateY: 0,
-//         itemWidth: 100,
-//         itemHeight: 25,
-//         itemTextColor: '#999',
-//         symbolSize: 18,
-//         symbolShape: 'circle',
-//     }
-// ]}
-// />
+export default BarChart

src/Components/Charts/BarChart.js

@@ -1,4 +1,4 @@
-import React,{ Fragment } from 'react'
+import React, { Fragment } from 'react'
 
 const Pinned = (props) => {
 
@@ -27,7 +27,7 @@ const Pinned = (props) => {
                                 Stars
                             </div>
                     </div>
-                    <h6 className="text-center mt-3">The main language is <span style={{ color: repo.languages.nodes[0].color}}>{repo.languages.nodes[0].name}</span></h6>
+                    <h6 className="text-center mt-3">The main language is <span style={{ color: repo.languages.nodes[0].color }}>{repo.languages.nodes[0].name}</span></h6>
                 </div>
             </div>
         </div>
@@ -44,11 +44,11 @@ const Pinned = (props) => {
             <span style={{ color: "gray" }}>No pinned repos to analyze ☹️☹️  </span>
         </h6>
     </div>
-</div>
+    </div>
 
     return (
         <Fragment>
-            {repoData.length>0 ? pinned_view : no_repo_msg}
+            {repoData.length > 0 ? pinned_view : no_repo_msg}
         </Fragment>
     )
 }

src/Components/Views/Pinned.js

@@ -4,8 +4,10 @@ const API_BASE_URL_DEV = "https://gitstats-api-stage.herokuapp.com/";
 // const API_BASE_URL= process.env.NODE_ENV === 'production' ? API_BASE_URL_PROD : API_BASE_URL_DEV;
 const API_BASE_URL=API_BASE_URL_DEV;
 
+const SENTRY_URL="https://f32dcf786d96407dae5c787a38d5b88d@o380288.ingest.sentry.io/5209222";
 export default {
     API_BASE_URL_PROD,
     API_BASE_URL_DEV,
-    API_BASE_URL 
+    API_BASE_URL,
+    SENTRY_URL
 }

src/config/index.js

@@ -4,10 +4,17 @@ import './index.scss';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
 import * as Sentry from '@sentry/browser';
+import config from './config'
+
+// store config variable as soon as app loads
+Object.keys(config).forEach(key => {
+  window[key] = config[key];
+});
 
 // Initialize sentry for error logging in production
 if (process.env.NODE_ENV === 'production') {
-Sentry.init({dsn: process.env.SENTRY_URL});
+  console.log("SENTRY INITIALIZED !");
+  Sentry.init({ dsn: window.SENTRY_URL });
 }
 
 ReactDOM.render(