Merge pull request #1401 from chhsiao1981/refactor-explorer

replace explorerSlice to reducers.explorer

Author: chhsiao1981

src/components/AddNode/ComputeEnvironment.tsx

@@ -4,7 +4,7 @@ import {
   SelectList,
   SelectOption,
 } from "@patternfly/react-core";
-import React, { useContext, useCallback, useState, useEffect } from "react";
+import React, { useCallback, useContext, useEffect, useState } from "react";
 import { useAppSelector } from "../../store/hooks";
 import { Alert } from "../Antd";
 import { AddNodeContext } from "./context";

src/components/AddNode/GuidedConfig.tsx

@@ -41,9 +41,9 @@ import { useAppDispatch, useAppSelector } from "../../store/hooks";
 import { fetchParamsAndComputeEnv } from "../../store/plugin/pluginSlice";
 import { ClipboardCopyFixed, ErrorAlert } from "../Common";
 import ComputeEnvironments from "./ComputeEnvironment";
+import { AddNodeContext } from "./context";
 import RequiredParam from "./RequiredParam";
 import SimpleDropdown from "./SimpleDropdown";
-import { AddNodeContext } from "./context";
 import { type InputIndex, Types } from "./types";
 import { handleGetTokens, unpackParametersIntoString } from "./utils";
 

src/components/AddNode/ReviewGrid.tsx

@@ -1,5 +1,5 @@
-import { RenderFlexItem } from "../Common";
 import type { Plugin } from "@fnndsc/chrisapi";
+import { RenderFlexItem } from "../Common";
 
 interface PluginDetailsProps {
   generatedCommand: string;

src/components/AddNode/SimpleDropdown.tsx

@@ -8,13 +8,12 @@ import {
   TextInput,
 } from "@patternfly/react-core";
 import React, { useContext, useEffect } from "react";
-import { CloseIcon } from "../Icons";
-import type { SimpleDropdownProps, SimpleDropdownState } from "./types";
-import { unPackForKeyValue } from "./utils";
-
 import { v4 } from "uuid";
+import { CloseIcon } from "../Icons";
 import { AddNodeContext } from "./context";
+import type { SimpleDropdownProps, SimpleDropdownState } from "./types";
 import { Types } from "./types";
+import { unPackForKeyValue } from "./utils";
 
 function getInitialState() {
   return {

src/components/AddNode/reducer/index.tsx

@@ -1,6 +1,6 @@
 import { produce } from "immer";
 import { getInitialNodeState } from "../context";
-import { Types, type AddNodeState, type InputType } from "../types";
+import { type AddNodeState, type InputType, Types } from "../types";
 
 export const addNodeReducer = produce((draft: AddNodeState, action: any) => {
   switch (action.type) {

src/components/AddNode/utils.ts

@@ -1,6 +1,6 @@
-import type { InputType, InputIndex } from "./types";
 import type { PluginParameter } from "@fnndsc/chrisapi";
 import { v4 } from "uuid";
+import type { InputIndex, InputType } from "./types";
 
 export const unPackForKeyValue = (input: InputIndex) => {
   const flag = input ? input.flag : "";
@@ -99,7 +99,8 @@ export const handleGetTokens = (
   const dictionary: InputIndex = {};
   let requiredInput: InputType = {};
   let dropdownInput: InputType = {};
-  let specialCharIndex = undefined;
+  // biome-ignore lint/suspicious/noImplicitAnyLet: <explanation>
+  let specialCharIndex;
 
   const flags = totalParams?.map((param) => param.data.flag);
   const helperValues = totalParams?.map((param) => {

src/components/Antd/index.tsx

@@ -8,6 +8,8 @@ export {
   Dropdown,
   Form,
   List,
+  type MenuProps,
+  notification,
   Popconfirm,
   Popover,
   Space,
@@ -16,6 +18,4 @@ export {
   Tag,
   Tree,
   Typography,
-  notification,
-  type MenuProps,
 } from "antd";

src/components/CreateFeed/BasicInformation.tsx

@@ -1,15 +1,15 @@
-import type React from "react";
-import { useState, useEffect, useContext, useRef, useCallback } from "react";
+import type { Tag } from "@fnndsc/chrisapi";
 import {
   Form,
   FormGroup,
-  TextInput,
   TextArea,
+  TextInput,
   useWizardContext,
 } from "@patternfly/react-core";
+import type React from "react";
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
 import { Typeahead } from "react-bootstrap-typeahead";
 import { CreateFeedContext } from "./context";
-import type { Tag } from "@fnndsc/chrisapi";
 import { Types } from "./types/feed";
 import { fetchTagList } from "./utils";
 

src/components/CreateFeed/ChooseConfig.tsx

@@ -18,23 +18,23 @@ import {
   Tooltip,
   useWizardContext,
 } from "@patternfly/react-core";
-import { Alert, Steps, notification } from "../Antd";
 import React, { useCallback, useContext, useEffect, useState } from "react";
 import { useAppSelector } from "../../store/hooks";
-import GuidedConfig from "../AddNode/GuidedConfig";
 import { AddNodeContext } from "../AddNode/context";
+import GuidedConfig from "../AddNode/GuidedConfig";
 import {
   Types as AddNodeTypes,
   type chooseConfigProps,
 } from "../AddNode/types";
+import { Alert, notification, Steps } from "../Antd";
 import DragAndUpload from "../DragFileUpload";
 import { SettingsIcon, DeleteIcon as TrashIcon, UploadIcon } from "../Icons";
 import ChrisFileSelect from "./ChrisFileSelect";
+import { CreateFeedContext } from "./context";
 import DataPacks from "./DataPacks";
 import { FileList } from "./HelperComponent";
 import LocalFileUpload from "./LocalFileUpload";
-import { CreateFeedContext } from "./context";
-import { Types } from "./types/feed";
+import { type ChRISFeed, Types } from "./types/feed";
 
 const ChooseConfig = ({
   handleFileUpload,
@@ -334,10 +334,9 @@ const ChooseConfig = ({
 
   const fileList =
     chrisFiles.length > 0
-      ? chrisFiles.map((file: string, index: number) => (
-          // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
+      ? chrisFiles.map((chrisFile: ChRISFeed, index: number) => (
           <React.Fragment key={index}>
-            <FileList file={file} index={index} />
+            <FileList file={chrisFile.filename} index={index} />
           </React.Fragment>
         ))
       : null;

src/components/CreateFeed/ChrisFileSelect.tsx

@@ -1,18 +1,17 @@
-import React, { useState, useContext, useCallback, useEffect } from "react";
-import { CreateFeedContext } from "./context";
 import { useWizardContext } from "@patternfly/react-core";
+import { isEmpty } from "lodash";
 import type { EventDataNode, Key } from "rc-tree/lib/interface";
-import { Tree, notification } from "../Antd";
-
+import React, { useCallback, useContext, useEffect, useState } from "react";
+import { notification, Tree } from "../Antd";
+import { CreateFeedContext } from "./context";
 import {
-  Types,
-  type Info,
-  type DataBreadcrumb,
-  type ChrisFileSelectProp,
   type CheckedKeys,
+  type ChrisFileSelectProp,
+  type DataBreadcrumb,
+  type Info,
+  Types,
 } from "./types/feed";
 import { generateTreeNodes, getNewTreeData } from "./utils";
-import { isEmpty } from "lodash";
 
 const { DirectoryTree } = Tree;