Rough changes to the Javascript

With these changes, it's possible to navigate down the directory hierarchy.
Navigating backwards on the "breadcrumb" line (still) doesn't quite work, but
I now believe that my URI change in the API hasn't made anything worse than it
was before.

dashboard/src/actions/tableOfContentActions.js

@@ -1,6 +1,8 @@
 import * as TYPES from "./types";
 import API from "../utils/axiosInstance";
 import { uriTemplate } from "../utils/helper";
+import { showToast } from "./toastActions";
+import { DANGER } from "assets/constants/toastConstants";
 
 export const fetchTOC =
   (param, parent, callForSubData) => async (dispatch, getState) => {
@@ -18,7 +20,8 @@ export const fetchTOC =
         });
       }
     } catch (error) {
-      return error;
+      const msg = error.response?.data?.message;
+      dispatch(showToast(DANGER, msg ? msg : `Error response: ERROR_MSG`));
     }
   };
 

dashboard/src/modules/components/TableOfContent/index.jsx

@@ -195,7 +195,7 @@ const TableOfContent = () => {
         ? initialBreadcrumb(breadCrumbLabels)
         : appGroupingBreadcrumb(false, breadCrumbLabels)
     );
-    const dirPath = param.concat(`${firstHierarchyLevel ? "" : "/"}`, data);
+    const dirPath = param.concat(firstHierarchyLevel ? "" : "/", data);
     setParam(dirPath);
     setIsLoading(true);
     getSubFolderData(dirPath);
@@ -288,7 +288,7 @@ const TableOfContent = () => {
                         }
                       >
                         <FolderIcon />
-                        {data}
+                        {data.name}
                       </MenuItem>
                     );
                   })}

dashboard/src/reducers/tableOfContentReducer.js

@@ -36,7 +36,7 @@ const TableOfContentReducer = (state = initialState, action = {}) => {
         stack: [...state.stack, payload],
         searchSpace: payload.files,
         tableData: payload.files,
-        currData: payload,
+        contentData: payload,
         isLoading: false,
       };