Merge pull request #1026 from the-hideout/more-historical-prices

Allow display of 30 days of historical prices per item

Author: Razzmatazzz

package-lock.json

@@ -36,6 +36,7 @@
     "@mui/material": "^6.0.2",
     "@mui/x-tree-view": "^7.23.0",
     "@reduxjs/toolkit": "^2.5.0",
+    "@tanstack/react-query": "^5.62.7",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@tippyjs/react": "^4.2.6",
@@ -65,7 +66,6 @@
     "react-i18next": "^15.1.4",
     "react-intersection-observer": "^9.13.1",
     "react-loader-spinner": "^6.1.6",
-    "react-query": "^3.39.3",
     "react-redux": "^9.2.0",
     "react-router-dom": "^6.28.0",
     "react-router-hash-link": "^2.4.3",

package.json

@@ -1,7 +1,7 @@
 import React from 'react';
 import { renderWithProviders } from '../test-utils';
 import App from '../App';
-import { QueryClient, QueryClientProvider } from 'react-query';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 import { useInView } from 'react-intersection-observer';
 jest.mock('react-intersection-observer');

src/__tests__/App.test.js

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 import {
     VictoryChart,
     VictoryLine,
@@ -18,7 +18,7 @@ const fetchApiData = async () => {
 
 function ApiMetricsGraph({ graph }) {
     const { t } = useTranslation();
-    const { status, data } = useQuery(`api-metrics`, fetchApiData, { refetchOnMount: false, refetchOnWindowFocus: false });
+    const { status, data } = useQuery({queryKey: `api-metrics`, queryFn: fetchApiData, refetchOnMount: false, refetchOnWindowFocus: false });
 
     let height = VictoryTheme.material.height;
 

src/components/api-metrics-graph/index.js

@@ -193,7 +193,7 @@ const Menu = () => {
                     <li className="submenu-wrapper submenu-items overflow-member" key="menu-items" data-targetid="items">
                         <Link to="/items/">{t('Items')}</Link>
                         <ul className="overflow-hidden">
-                            {categoryPages.sort((a, b) => t(a.displayText).localeCompare(t(b.displayText))).map((categoryPage) => (
+                            {categoryPages.map((categoryPage) => (
                                 <MenuItem
                                     displayText={t(categoryPage.displayText)}
                                     key={categoryPage.key}