feat: time entries tab (#55)

* refactor: migrated remaining components to ts

* feat: quick draft of time entries section on issue details page

* feat: modal manager

* feat: delete time entry via overmind action

* feat: fetch a list of time entry activities

* feat: wip - create new time entry modal

* feat: select component. Quick draft of time entry modal

* refactor: TimePicker

* feat: adding a new time entry

* fix: fixed unmounting issue with date picker

* fix: reset create time entry modal when closed

* feat: icons for time entry card

* feat: raw validation

* fix: time picker max values

* fix: block manual typing on date picker

* style: add styles for validation errors on create time entry modal

* feat: updating time entries. Used external time picker

* fix: modal offset top

* chore: cleanup timeEntries reducer

Author: Spring3

.eslintrc.json

@@ -82,6 +82,7 @@
     "no-use-before-define": "off",
     "arrow-parens": "off",
     "consistent-return": "off",
+    "jsx-quotes": "off",
     "react/jsx-filename-extension": [
       2,
       { "extensions": [".js", ".jsx", ".ts", ".tsx"] }

main/redmine.js

@@ -84,14 +84,14 @@ const createRequestClient = () => {
 
       console.log(response.statusCode, response.body);
 
-      if (response.statusCode === 200) {
+      if (response.statusCode === 200 || response.statusCode === 201) {
         return {
           data: transform({ route: data.route, method: data.method }, response.body),
           success: true,
         };
       }
 
-      if (data.method === 'PUT' && response.statusCode === 204) {
+      if (['PUT', 'DELETE'].includes(data.method) && response.statusCode === 204) {
         return {
           success: true
         };

main/transformers/enumerations.js

@@ -0,0 +1,21 @@
+const toExternalActivity = (activity) => ({
+  id: activity.id,
+  name: activity.name,
+  isDefault: activity.is_default,
+  active: activity.active
+});
+
+const transform = ({ route }, responseBody) => {
+  if (route === 'enumerations/time_entry_activities.json') {
+    const { time_entry_activities } = responseBody;
+    return {
+      activities: time_entry_activities.map((activity) => toExternalActivity(activity))
+    };
+  }
+
+  return responseBody;
+};
+
+module.exports = {
+  transform
+};

main/transformers/index.js

@@ -3,6 +3,7 @@ const issues = require('./issues');
 const issueStatuses = require('./issueStatuses');
 const projects = require('./projects');
 const timeEntries = require('./timeEntries');
+const enumerations = require('./enumerations');
 
 const transform = ({ route, method }, responseBody) => {
   const [entity] = route.split('/')[0].split('.');
@@ -20,6 +21,8 @@ const transform = ({ route, method }, responseBody) => {
       return projects.transform({ route, method }, responseBody);
     case 'time_entries':
       return timeEntries.transform({ route, method }, responseBody);
+    case 'enumerations':
+      return enumerations.transform({ route, method }, responseBody);
     default:
       return responseBody;
   }

main/transformers/timeEntries.js

@@ -34,6 +34,10 @@ const transform = ({ route, method }, responseBody) => {
   if (/time_entries\/\d{1,}\.json/.test(route)) {
     const { time_entry } = responseBody;
 
+    if (method === 'GET') {
+      return toExternalTimeEntry(time_entry);
+    }
+
     return {
       timeEntry: toExternalTimeEntry(time_entry)
     };

package.json

@@ -93,6 +93,7 @@
     "@types/hapi__joi": "^17.1.7",
     "@types/jest": "^27.0.1",
     "@types/lodash": "^4.14.173",
+    "@types/react-query": "^1.2.9",
     "@types/react-redux": "^7.1.18",
     "@types/react-router-dom": "^5.3.2",
     "@types/showdown": "^1.9.4",
@@ -103,7 +104,7 @@
     "axios-mock-adapter": "^1.17.0",
     "babel-jest": "^27.2.0",
     "clean-webpack-plugin": "^4.0.0",
-    "concurrently": "^6.2.1",
+    "concurrently": "^7.0.0",
     "cross-env": "^7.0.0",
     "css-loader": "^3.4.2",
     "electron": "8.0.1",
@@ -142,6 +143,8 @@
   "dependencies": {
     "@emotion/react": "^11.5.0",
     "@hapi/joi": "^17.1.0",
+    "@radix-ui/react-dropdown-menu": "^0.1.4",
+    "@radix-ui/react-tabs": "^0.1.4",
     "axios": "^0.19.2",
     "clean-stack": "^2.2.0",
     "dotenv": "^8.2.0",
@@ -163,14 +166,15 @@
     "overmind-react": "^29.0.1",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
-    "react-confirm-alert": "^2.5.0",
     "react-cool-inview": "^2.0.8",
-    "react-day-picker": "^7.4.0",
+    "react-day-picker": "^7.4.10",
     "react-dom": "^17.0.2",
     "react-focus-lock": "^2.6.0",
+    "react-query": "^3.34.12",
     "react-redux": "^6.0.1",
     "react-router-dom": "^6.0.2",
     "react-select": "^2.4.1",
+    "react-simple-timefield": "^3.2.5",
     "react-tabs": "^3.1.0",
     "react-toastify": "^5.5.0",
     "redux": "^4.0.5",

render/App.jsx

@@ -10,7 +10,7 @@ import { ipcRenderer } from "electron";
 
 import { AppView } from './views/AppView';
 import LoginView from './views/LoginView';
-import Notification from './components/Notification';
+import { Notification } from './components/Notification';
 import { useOvermindActions } from './store';
 import { getStoredToken } from './helpers/utils';
 import { LoadingOverlay } from './components/LoadingOverlay';