🚧 #40: Add empty new tab 'Active Conflict Awareness'

package.json

@@ -141,7 +141,7 @@
     "lorem-ipsum": "^1.0.3",
     "moment": "^2.26.0",
     "node-gitlab": "^1.6.1",
-    "node-sass": "^4.14.1",
+    "node-sass": "^6.0.1",
     "nodegit": "^0.27.0",
     "object-assign": "4.1.1",
     "opn": "^4.0.2",

ui/src/index.js

@@ -29,8 +29,17 @@ import issueImpact from './visualizations/issue-impact';
 import hotspotDials from './visualizations/hotspot-dials';
 import codeHotspots from './visualizations/code-hotspots';
 import languageModuleRiver from './visualizations/language-module-river';
+import activeConflictAwareness from './visualizations/active-conflict-awareness';
 
-const visualizationModules = [dashboard, codeOwnershipRiver, issueImpact, hotspotDials, codeHotspots, languageModuleRiver];
+const visualizationModules = [
+  dashboard,
+  codeOwnershipRiver,
+  issueImpact,
+  hotspotDials,
+  activeConflictAwareness,
+  codeHotspots,
+  languageModuleRiver
+];
 
 const visualizations = {};
 _.each(visualizationModules, viz => {

ui/src/visualizations/active-conflict-awareness/chart.js

@@ -0,0 +1,20 @@
+'use strict';
+
+import React from 'react';
+
+
+export default class ActiveConflictAwareness extends React.PureComponent {
+  constructor(props) {
+    super(props);
+  }
+
+
+
+  render() {
+    return (
+      <div>
+        <h1>TODO</h1>
+      </div>
+    );
+  }
+}

ui/src/visualizations/active-conflict-awareness/config.js

@@ -0,0 +1,19 @@
+'use strict';
+
+import {connect} from 'react-redux';
+import styles from './styles.scss';
+import React from 'react';
+
+
+const ActiveConflictAwarenessConfigComponent = (props) => {
+  return (
+    <div className={styles.configContainer}>
+
+    </div>
+  );
+};
+
+const ActiveConflictAwarenessConfig = connect(
+)(ActiveConflictAwarenessConfigComponent);
+
+export default ActiveConflictAwarenessConfig;

ui/src/visualizations/active-conflict-awareness/help.js

@@ -0,0 +1,13 @@
+'use strict';
+
+import cx from 'classnames';
+
+import styles from './styles.scss';
+
+export default () =>
+  <div className={cx('box', styles.help)}>
+    <h1 className="title">Active Conflict Awareness Help</h1>
+    <p>
+      TODO
+    </p>
+  </div>;

ui/src/visualizations/active-conflict-awareness/index.js

@@ -0,0 +1,31 @@
+'use strict';
+
+import {connect} from 'react-redux';
+import ActiveConflictAwareness from './chart.js';
+import ConfigComponent from './config.js';
+import HelpComponent from './help.js';
+import saga from './sagas';
+import reducer from './reducers';
+
+
+const mapStateToProps = state => {
+
+  return {
+
+  };
+};
+
+
+const mapDispatchToProps = () => ({});
+
+const ChartComponent = connect(mapStateToProps, mapDispatchToProps)(ActiveConflictAwareness);
+
+export default {
+  id: 'activeConflictAwareness',
+  label: 'Active Conflict Awareness',
+  saga,
+  reducer,
+  ChartComponent,
+  ConfigComponent,
+  HelpComponent,
+};

ui/src/visualizations/active-conflict-awareness/reducers/config.js

@@ -0,0 +1,10 @@
+'use strict';
+
+import {handleActions} from 'redux-actions';
+
+export default handleActions(
+  {
+  },
+  {
+  }
+);

ui/src/visualizations/active-conflict-awareness/reducers/data.js

@@ -0,0 +1,10 @@
+'use strict';
+
+import {handleActions} from 'redux-actions';
+
+export default handleActions(
+  {
+  },
+  {
+  }
+);

ui/src/visualizations/active-conflict-awareness/reducers/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+import config from './config.js';
+import data from './data.js';
+import { combineReducers } from 'redux';
+
+export default combineReducers({
+  config,
+  data
+});

ui/src/visualizations/active-conflict-awareness/sagas/index.js

@@ -0,0 +1,4 @@
+'use strict';
+
+export default function*() {
+}

ui/src/visualizations/active-conflict-awareness/styles.scss

@@ -0,0 +1 @@
+@import '~bulma';