Added interface so HR team can set up onboarding tasks. Moved some svg icons to /img/global/svg-icons. Converted Header to functional component. pages/Tasks still is work in progress.

src/App.jsx

@@ -35,6 +35,8 @@ const PageNotFound = React.lazy(() => import(/* webpackChunkName: 'PageNotFound'
 const QuestionnaireAnswers = React.lazy(() => import(/* webpackChunkName: 'QuestionnaireAnswers' */ './js/pages/QuestionnaireAnswers'));
 const QuestionnaireQuestionList = React.lazy(() => import(/* webpackChunkName: 'QuestionnaireQuestionList' */ './js/pages/SystemSettings/Questionnaire'));
 const SystemSettings = React.lazy(() => import(/* webpackChunkName: 'SystemSettings' */ './js/pages/SystemSettings/SystemSettings'));
+const TaskGroup = React.lazy(() => import(/* webpackChunkName: 'TaskGroup' */ './js/pages/SystemSettings/TaskGroup'));
+const Tasks = React.lazy(() => import(/* webpackChunkName: 'Tasks' */ './js/pages/Tasks'));
 const TeamMembers = React.lazy(() => import(/* webpackChunkName: 'TeamMembers' */ './js/pages/TeamHome'));
 const Teams = React.lazy(() => import(/* webpackChunkName: 'Teams' */ './js/pages/Teams'));
 
@@ -284,9 +286,11 @@ class App extends Component {
                   <Route path="/q/:questionnaireId/:personId" exact component={AnswerQuestionsForm} />
                   <Route path="/questionnaire/:questionnaireId" exact component={QuestionnaireQuestionList} />
                   <Route path="/system-settings" exact component={SystemSettings} />
+                  <Route path="/tasks" exact component={Tasks} />
+                  <Route path="/task-group/:taskGroupId" exact component={TaskGroup} />
                   <Route path="/teams" exact component={Teams} />
                   <Route path="/team-home/:teamId" exact component={TeamMembers} />
-                  <Route path="/" exact component={Teams} />
+                  <Route path="/" exact component={Tasks} />
 
                   <Route path="*" component={PageNotFound} />
                 </Switch>

src/js/actions/TaskActions.js

@@ -0,0 +1,68 @@
+import Dispatcher from '../common/dispatcher/Dispatcher';
+
+export default {
+  taskDefinitionListRetrieve (taskGroupId, searchText = '') {
+    // console.log('TaskActions, taskDefinitionListRetrieve searchText:', searchText);
+    if (searchText) {
+      Dispatcher.loadEndpoint('task-definition-list-retrieve', {
+        taskGroupId,
+        searchText,
+      });
+    } else {
+      Dispatcher.loadEndpoint('task-definition-list-retrieve', {
+        taskGroupId,
+      });
+    }
+  },
+
+  taskDefinitionSave (taskGroupId = -1, taskDefinitionId = -1, incomingData = {}) {
+    // console.log('TaskActions, taskSave taskDefinitionId:', taskDefinitionId, ', incomingData:', incomingData);
+    const data = {
+      taskDefinitionId,
+      taskGroupId,
+      ...incomingData,
+    };
+    Dispatcher.loadEndpoint('task-definition-save', data);
+  },
+
+  taskGroupListRetrieve (searchText = '') {
+    // console.log('TaskActions, taskGroupListRetrieve searchText:', searchText);
+    if (searchText) {
+      Dispatcher.loadEndpoint('task-group-list-retrieve', {
+        searchText,
+      });
+    } else {
+      Dispatcher.loadEndpoint('task-group-list-retrieve');
+    }
+  },
+
+  taskGroupRetrieve (taskGroupId = '') {
+    // console.log('TaskActions, taskGroupRetrieve taskGroupId:', taskGroupId);
+    if (taskGroupId) {
+      Dispatcher.loadEndpoint('task-group-retrieve', {
+        taskGroupId,
+      });
+    } else {
+      Dispatcher.loadEndpoint('task-group-retrieve');
+    }
+  },
+
+  taskGroupSave (taskGroupId = -1, incomingData = {}) {
+    // console.log('TaskActions, taskGroupSave taskGroupId:', taskGroupId, ', incomingData:', incomingData);
+    const data = {
+      taskGroupId,
+      ...incomingData,
+    };
+    Dispatcher.loadEndpoint('task-group-save', data);
+  },
+
+  taskSave (taskGroupId = -1, taskDefinitionId = -1, incomingData = {}) {
+    // console.log('TaskActions, taskSave taskDefinitionId:', taskDefinitionId, ', incomingData:', incomingData);
+    const data = {
+      taskDefinitionId,
+      taskGroupId,
+      ...incomingData,
+    };
+    Dispatcher.loadEndpoint('task-save', data);
+  },
+};