🔧 Abstracted filename-parser into its own npm package

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

@@ -3,7 +3,7 @@ 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";
+import { refineQuery } from "filename-parser";
 
 export const Menu = (props): ReactElement => {
   const { data } = props;

src/client/components/VolumeDetail/VolumeDetail.tsx

@@ -1,4 +1,4 @@
-import { isUndefined } from "lodash";
+import { isEmpty, isNil, isUndefined } from "lodash";
 import React, { useEffect, ReactElement } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { useParams } from "react-router";
@@ -58,12 +58,17 @@ const VolumeDetails = (props): ReactElement => {
             >
               {issues.map((issue) => {
                 return (
-                  <Card
-                    key={issue.id}
-                    imageUrl={issue.image.thumb_url}
-                    orientation={"vertical"}
-                    hasDetails={false}
-                  />
+                  <>
+                    <Card
+                      key={issue.id}
+                      imageUrl={issue.image.thumb_url}
+                      orientation={"vertical"}
+                      hasDetails={false}
+                    />
+                    {!isEmpty(issue.potentialMatches)
+                      ? "matches available"
+                      : null}
+                  </>
                 );
               })}
             </Masonry>