feat: add delete project unit

Chia-Network · Feb 4, 2022 · e067563 · e067563
1 parent ff123ca
commit e067563
Show file tree

Hide file tree

Showing 5 changed files with 154 additions and 26 deletions.
diff --git a/src/components/blocks/APIDataTable.js b/src/components/blocks/APIDataTable.js
@@ -1,19 +1,20 @@
 import _ from 'lodash';
 import React, { useState, useEffect } from 'react';
-import { useSelector } from 'react-redux';
+import { useSelector, useDispatch } from 'react-redux';
 import { useIntl } from 'react-intl';
 import styled, { withTheme, css } from 'styled-components';
 
 import { TableCellHeaderText, TableCellText } from '../typography';
 import { convertPascalCaseToSentenceCase } from '../../utils/stringUtils';
 import { TableDrawer, APIPagination, Message } from '.';
-import { EllipsisMenuIcon, BasicMenu } from '..';
+import { BasicMenu } from '..';
 import { useWindowSize } from '../hooks/useWindowSize';
+import { EditUnitsForm, EditProjectsForm, SplitUnitForm } from '..';
+
 import {
-  EditUnitsForm,
-  EditProjectsForm,
-  SplitUnitForm,
-} from '..';
+  deleteProject,
+  deleteUnit,
+} from '../../store/actions/climateWarehouseActions';
 
 const Table = styled('table')`
   box-sizing: border-box;
@@ -115,12 +116,13 @@ const APIDataTable = withTheme(({ headings, data, actions }) => {
   const [getRecord, setRecord] = useState(null);
   const [editRecord, setEditRecord] = useState(null);
   const [unitToBeSplit, setUnitToBeSplit] = useState(null);
-  const { theme, notification} = useSelector(state => state.app);
+  const { theme, notification } = useSelector(state => state.app);
   const climateWarehouseStore = useSelector(state => state.climateWarehouse);
   const ref = React.useRef(null);
   const [height, setHeight] = React.useState(0);
   const windowSize = useWindowSize();
   const intl = useIntl();
+  const dispatch = useDispatch();
 
   useEffect(() => {
     setHeight(windowSize.height - ref.current.getBoundingClientRect().top - 20);
@@ -138,7 +140,8 @@ const APIDataTable = withTheme(({ headings, data, actions }) => {
                     start={index === 0}
                     end={!actions && index === headings.length - 1}
                     selectedTheme={theme}
-                    key={index}>
+                    key={index}
+                  >
                     <TableCellHeaderText>
                       {heading === 'orgUid' && 'Organization'}
                       {heading !== 'orgUid' &&
@@ -151,7 +154,8 @@ const APIDataTable = withTheme(({ headings, data, actions }) => {
                     start={false}
                     end={true}
                     selectedTheme={theme}
-                    key={'action'}></Th>
+                    key={'action'}
+                  ></Th>
                 )}
               </tr>
             </THead>
@@ -164,15 +168,17 @@ const APIDataTable = withTheme(({ headings, data, actions }) => {
                         onClick={() => setRecord(record)}
                         selectedTheme={theme}
                         columnId={key}
-                        key={index}>
+                        key={index}
+                      >
                         <TableCellText
                           tooltip={
                             record[key] &&
                             `${_.get(
                               climateWarehouseStore,
                               `organizations[${record[key]}].name`,
                             )}: ${record[key].toString()}`
-                          }>
+                          }
+                        >
                           {key === 'orgUid' &&
                             climateWarehouseStore.organizations[
                               record[key]
@@ -193,9 +199,7 @@ const APIDataTable = withTheme(({ headings, data, actions }) => {
                       </Td>
                     ))}
                     {actions === 'Units' && (
-                      <Td
-                        style={{ cursor: 'pointer' }}
-                        selectedTheme={theme}>
+                      <Td style={{ cursor: 'pointer' }} selectedTheme={theme}>
                         <BasicMenu
                           options={[
                             {
@@ -212,18 +216,40 @@ const APIDataTable = withTheme(({ headings, data, actions }) => {
                               }),
                               action: () => setUnitToBeSplit(record),
                             },
+                            {
+                              label: intl.formatMessage({
+                                id: 'delete-unit',
+                              }),
+                              action: () =>
+                                dispatch(deleteUnit(record.warehouseUnitId)),
+                            },
                           ]}
                         />
                       </Td>
                     )}
                     {actions === 'Projects' && (
-                      <Td
-                        style={{ cursor: 'pointer' }}
-                        onClick={() => {
-                          setEditRecord(record);
-                        }}
-                        selectedTheme={theme}>
-                        <EllipsisMenuIcon />
+                      <Td style={{ cursor: 'pointer' }} selectedTheme={theme}>
+                        <BasicMenu
+                          options={[
+                            {
+                              label: intl.formatMessage({
+                                id: 'edit-project',
+                              }),
+                              action: () => {
+                                setEditRecord(record);
+                              },
+                            },
+                            {
+                              label: intl.formatMessage({
+                                id: 'delete-project',
+                              }),
+                              action: () =>
+                                dispatch(
+                                  deleteProject(record.warehouseProjectId),
+                                ),
+                            },
+                          ]}
+                        />
                       </Td>
                     )}
                   </Tr>
@@ -262,9 +288,9 @@ const APIDataTable = withTheme(({ headings, data, actions }) => {
           record={unitToBeSplit}
         />
       )}
-      {
-        notification && <Message type={notification.type} id={notification.id} />
-      }
+      {notification && (
+        <Message type={notification.type} id={notification.id} />
+      )}
     </>
   );
 });

diff --git a/src/store/actions/climateWarehouseActions.js b/src/store/actions/climateWarehouseActions.js
@@ -329,6 +329,96 @@ export const deleteStagingData = uuid => {
   };
 };
 
+export const deleteUnit = warehouseUnitId => {
+  return async dispatch => {
+    try {
+      dispatch(activateProgressIndicator);
+
+      const url = `${constants.API_HOST}/units`;
+      const payload = {
+        method: 'DELETE',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ warehouseUnitId }),
+      };
+
+      const response = await fetch(url, payload);
+
+      if (response.ok) {
+        dispatch(
+          setNotificationMessage(
+            NotificationMessageTypeEnum.success,
+            'unit-deleted',
+          ),
+        );
+        dispatch(getStagingData({ useMockedResponse: false }));
+      } else {
+        dispatch(
+          setNotificationMessage(
+            NotificationMessageTypeEnum.error,
+            'unit-could-not-be-deleted',
+          ),
+        );
+      }
+    } catch {
+      dispatch(
+        setNotificationMessage(
+          NotificationMessageTypeEnum.error,
+          'unit-could-not-be-deleted',
+        ),
+      );
+    } finally {
+      dispatch(deactivateProgressIndicator);
+    }
+  };
+};
+
+export const deleteProject = warehouseProjectId => {
+  return async dispatch => {
+    try {
+      dispatch(activateProgressIndicator);
+
+      const url = `${constants.API_HOST}/projects`;
+      const payload = {
+        method: 'DELETE',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ warehouseProjectId }),
+      };
+
+      const response = await fetch(url, payload);
+
+      if (response.ok) {
+        dispatch(
+          setNotificationMessage(
+            NotificationMessageTypeEnum.success,
+            'project-deleted',
+          ),
+        );
+        dispatch(getStagingData({ useMockedResponse: false }));
+      } else {
+        dispatch(
+          setNotificationMessage(
+            NotificationMessageTypeEnum.error,
+            'project-could-not-be-deleted',
+          ),
+        );
+      }
+    } catch {
+      dispatch(
+        setNotificationMessage(
+          NotificationMessageTypeEnum.error,
+          'project-could-not-be-deleted',
+        ),
+      );
+    } finally {
+      dispatch(deactivateProgressIndicator);
+    }
+  };
+};
+
 export const postNewProject = data => {
   return async dispatch => {
     try {

diff --git a/src/translations/tokens/en-US.json b/src/translations/tokens/en-US.json
@@ -238,6 +238,10 @@
   "add-project": "Add Project",
   "update-project": "Update Project",
   "delete-unit": "Delete Unit",
+  "unit-deleted": "The Unit was successfully deleted.",
+  "unit-could-not-be-deleted": "The Unit could not be deleted.",
+  "project-deleted": "The Project was successfully deleted.",
+  "project-could-not-be-deleted": "The Project could not be deleted.",
   "add-unit": "Add Unit",
   "update-unit": "Update Unit",
   "split-unit": "Split Unit",

diff --git a/src/translations/tokens/es.json b/src/translations/tokens/es.json
@@ -231,5 +231,9 @@
   "labels": "Etiquetas",
   "issuances": "Emisiones",
   "network-error": "Error de red",
-  "there-is-a-connection-error": "Hay un error de conexión. El Almacén Climático es inaccesible."
+  "there-is-a-connection-error": "Hay un error de conexión. El Almacén Climático es inaccesible.",
+  "unit-deleted": "La unidad se eliminó con éxito.",
+  "unit-could-not-be-deleted": "No se pudo eliminar la Unidad.",
+  "project-deleted": "El proyecto se eliminó con éxito.",
+  "project-could-not-be-deleted": "No se pudo eliminar el Proyecto."
 }
diff --git a/src/translations/tokens/ja.json b/src/translations/tokens/ja.json
@@ -231,5 +231,9 @@
   "labels": "ラベル",
   "issuances": "発行",
   "network-error": "ネットワークエラー",
-  "there-is-a-connection-error": "接続エラーが発生しました。 ClimateWarehouseにアクセスできません。"
+  "there-is-a-connection-error": "接続エラーが発生しました。 ClimateWarehouseにアクセスできません。",
+  "unit-deleted": "ユニットは正常に削除されました。",
+  "unit-could-not-be-deleted": "ユニットを削除できませんでした。",
+  "project-deleted": "プロジェクトは正常に削除されました。",
+  "project-could-not-be-deleted": "プロジェクトを削除できませんでした。"
 }