🔧 Fixed a long standing issue with CV-sourced comics, which should not be scraped again

src/client/components/ComicDetail/ActionMenu/Menu.tsx

@@ -1,24 +1,44 @@
+import { filter, isEmpty, isNil, isUndefined } from "lodash";
 import React, { ReactElement, useCallback } from "react";
 import { useSelector, useDispatch } from "react-redux";
 import Select, { components } from "react-select";
 import { fetchComicVineMatches } from "../../../actions/fileops.actions";
+import { refineQuery } from "../../../shared/utils/filenameparser.utils";
 
 export const Menu = (props): ReactElement => {
   const { data } = props;
   const { setSlidingPanelContentId, setVisible } = props.handlers;
   const dispatch = useDispatch();
   const openDrawerWithCVMatches = useCallback(() => {
-    dispatch(fetchComicVineMatches(data));
+    let seriesSearchQuery: IComicVineSearchQuery = {} as IComicVineSearchQuery;
+    let issueSearchQuery: IComicVineSearchQuery = {} as IComicVineSearchQuery;
+
+    if (!isUndefined(data.rawFileDetails)) {
+      issueSearchQuery = refineQuery(data.rawFileDetails.name);
+      if (data.rawFileDetails.containedIn !== "comics") {
+        seriesSearchQuery = refineQuery(
+          data.rawFileDetails.containedIn.split("/").pop(),
+        );
+      }
+    } else if (!isEmpty(data.sourcedMetadata)) {
+      issueSearchQuery = refineQuery(data.sourcedMetadata.comicvine.name);
+    }
+
+    dispatch(fetchComicVineMatches(data, issueSearchQuery, seriesSearchQuery));
     setSlidingPanelContentId("CVMatches");
     setVisible(true);
   }, [dispatch, data]);
+
+  const openEditMetadataPanel = useCallback(() => {
+    setSlidingPanelContentId("editComicBookMetadata");
+    setVisible(true);
+  }, []);
   //  Actions menu options and handler
   const CVMatchLabel = (
     <span>
       <i className="fa-solid fa-wand-magic"></i> Match on ComicVine
     </span>
   );
-
   const editLabel = (
     <span>
       <i className="fa-regular fa-pen-to-square"></i> Edit Metadata
@@ -38,11 +58,20 @@ export const Menu = (props): ReactElement => {
     { value: "delete-comic", label: deleteLabel },
   ];
 
+  const filteredActionOptions = filter(actionOptions, (item) => {
+    if (isUndefined(data.rawFileDetails)) {
+      return item.value !== "match-on-comic-vine";
+    }
+    return item;
+  });
   const handleActionSelection = (action) => {
     switch (action.value) {
       case "match-on-comic-vine":
         openDrawerWithCVMatches();
         break;
+      case "edit-metdata":
+        openEditMetadataPanel();
+        break;
       default:
         console.log("No valid action selected.");
         break;
@@ -61,7 +90,7 @@ export const Menu = (props): ReactElement => {
       }
       name="actions"
       isSearchable={false}
-      options={actionOptions}
+      options={filteredActionOptions}
       onChange={handleActionSelection}
     />
   );