feat: Disable cache for api request

Author: CrawlerCode

src/hooks/useMyAccount.ts

@@ -2,14 +2,19 @@ import { useQuery } from "@tanstack/react-query";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
 import useSettings from "./useSettings";
 
-const useMyAccount = () => {
+type Options = {
+  staleTime?: number;
+};
+
+const useMyAccount = ({ staleTime }: Options = {}) => {
   const { settings } = useSettings();
   const redmineApi = useRedmineApi();
 
   const myAccountQuery = useQuery({
     queryKey: ["myAccount", settings.redmineURL, settings.redmineApiKey],
     queryFn: () => redmineApi.getMyAccount(),
-    retryOnMount: false,
+    retry: 1,
+    ...(staleTime && { staleTime }),
   });
 
   return {

src/pages/SettingsPage.tsx

@@ -37,7 +37,7 @@ const SettingsPage = () => {
   const [editRedmineInstance, setEditRedmineInstance] = useState(false);
   const [saved, setSaved] = useState(false);
 
-  const myAccount = useMyAccount();
+  const myAccount = useMyAccount({ staleTime: 1000 * 10 });
 
   useEffect(() => {
     formik.current?.setValues(settings);
@@ -299,8 +299,8 @@ const Info = () => {
           legend={
             <>
               <a href="https://chrome.google.com/webstore/detail/redmine-time-tracking/ldcanhhkffokndenejhafhlkapflgcjg" target="_blank" tabIndex={-1} className="hover:underline">
-        {name}
-      </a>
+                {name}
+              </a>
               <span className="mx-1 text-xs">-</span>
               <a href="https://github.com/CrawlerCode/redmine-time-tracking/releases" target="_blank" tabIndex={-1} className="hover:underline">
                 v{version_name || version}
@@ -314,11 +314,11 @@ const Info = () => {
               GitHub
             </a>
 
-      <a href="https://github.com/CrawlerCode/redmine-time-tracking/issues" target="_blank" tabIndex={-1} className="hover:underline">
+            <a href="https://github.com/CrawlerCode/redmine-time-tracking/issues" target="_blank" tabIndex={-1} className="hover:underline">
               <FontAwesomeIcon icon={faBug} className="mr-1" />
-        <FormattedMessage id="settings.info.report-an-issue" />
-      </a>
-    </div>
+              <FormattedMessage id="settings.info.report-an-issue" />
+            </a>
+          </div>
         </Fieldset>
       </div>
     </>

src/provider/QueryClientProvider.tsx

@@ -13,7 +13,6 @@ const CACHE_TIME = 1000 * 60 * 60 * 24; // 24 hours
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
-      refetchOnWindowFocus: true,
       gcTime: CACHE_TIME,
       staleTime: 1000 * 60 * 60, // 1 hour
     },

src/provider/RedmineApiProvider.tsx

@@ -16,6 +16,7 @@ const RedmineApiProvider = ({ children }: { children: ReactNode }) => {
             baseURL: settings.redmineURL,
             headers: {
               "X-Redmine-API-Key": settings.redmineApiKey,
+              "cache-control": "no-store",
             },
           })
         )