diff --git a/package.json b/package.json
index dd59557..241dcbd 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
"@types/react-router-dom": "^5.3.3",
"@vitejs/plugin-react": "^4.2.1",
"airdcpp-apisocket": "^2.5.0-beta.2",
- "axios": "^1.3.4",
+ "axios": "^1.6.8",
"axios-cache-interceptor": "^1.0.1",
"axios-rate-limit": "^1.3.0",
"babel-plugin-styled-components": "^2.1.4",
@@ -69,7 +69,7 @@
"socket.io-client": "^4.3.2",
"styled-components": "^6.1.0",
"threetwo-ui-typings": "^1.0.14",
- "vite": "^5.0.5",
+ "vite": "^5.2.7",
"vite-plugin-html": "^3.2.0",
"websocket": "^1.0.34",
"zustand": "^4.4.6"
diff --git a/src/client/components/VolumeDetail/VolumeDetail.tsx b/src/client/components/VolumeDetail/VolumeDetail.tsx
index d81b1cc..fed9d34 100644
--- a/src/client/components/VolumeDetail/VolumeDetail.tsx
+++ b/src/client/components/VolumeDetail/VolumeDetail.tsx
@@ -1,26 +1,24 @@
import { isEmpty, isUndefined, map, partialRight, pick } from "lodash";
import React, { useEffect, ReactElement, useState, useCallback } from "react";
-import { useDispatch, useSelector } from "react-redux";
import { useParams } from "react-router";
import {
getComicBookDetailById,
getIssuesForSeries,
analyzeLibrary,
} from "../../actions/comicinfo.actions";
+import { useQuery, useMutation, QueryClient } from "@tanstack/react-query";
import PotentialLibraryMatches from "./PotentialLibraryMatches";
-import Masonry from "react-masonry-css";
import { Card } from "../shared/Carda";
import SlidingPane from "react-sliding-pane";
import { convert } from "html-to-text";
import ellipsize from "ellipsize";
+import {
+ COMICVINE_SERVICE_URI,
+ LIBRARY_SERVICE_BASE_URI,
+} from "../../constants/endpoints";
+import axios from "axios";
const VolumeDetails = (props): ReactElement => {
- const breakpointColumnsObj = {
- default: 6,
- 1100: 4,
- 700: 3,
- 500: 2,
- };
// sliding panel config
const [visible, setVisible] = useState(false);
const [slidingPanelContentId, setSlidingPanelContentId] = useState("");
@@ -33,7 +31,9 @@ const VolumeDetails = (props): ReactElement => {
content: () => {
const ids = map(matches, partialRight(pick, "_id"));
const matchIds = ids.map((id: any) => id._id);
- return