ohcnetwork · rithviknishad · Jan 22, 2025 · Jan 21, 2025 · Jan 21, 2025 · Jan 21, 2025
@@ -675,8 +675,8 @@
   "copying_is_not_allowed": "Copying is not allowed",
   "could_not_load_page": "We are facing some difficulties showing the Page you were looking for. Our Engineers have been notified and we'll make sure that this is resolved on the fly!",
   "countries_travelled": "Countries travelled",
-  "cover_image_deleted.": "Cover image deleted.",
-  "cover_image_updated.": "Cover image updated.",
+  "cover_image_deleted": "Cover Image Deleted",
+  "cover_image_updated": "Cover Image Updated",
   "covid_19_cat_gov": "Covid_19 Clinical Category as per Govt. of Kerala guideline (A/B/C)",
   "covid_19_death_reporting_form_1": "Covid-19 Death Reporting : Form 1",
   "covid_details": "Covid Details",

@@ -119,7 +119,12 @@ export default function FacilityForm(props: FacilityProps) {
     }),
     onSuccess: (_data: FacilityModel) => {
       toast.success(t("facility_updated_successfully"));
-      queryClient.invalidateQueries({ queryKey: ["organizationFacilities"] });
+      queryClient.invalidateQueries({
+        queryKey: ["organizationFacilities"],
+      });
+      queryClient.invalidateQueries({
+        queryKey: ["facility"],
+      });
       form.reset();
       onSubmitSuccess?.();
     },

@@ -1,5 +1,5 @@
 import careConfig from "@careConfig";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { Hospital, MapPin, MoreVertical, Settings } from "lucide-react";
 import { navigate } from "raviger";
 import { useState } from "react";
@@ -91,12 +91,9 @@ export const FacilityHome = ({ facilityId }: Props) => {
   const { t } = useTranslation();
   const [openDeleteDialog, setOpenDeleteDialog] = useState(false);
   const [editCoverImage, setEditCoverImage] = useState(false);
+  const queryClient = useQueryClient();
 
-  const {
-    data: facilityData,
-    isLoading,
-    refetch: facilityFetch,
-  } = useQuery<FacilityData>({
+  const { data: facilityData, isLoading } = useQuery<FacilityData>({
     queryKey: ["facility", facilityId],
     queryFn: query(routes.facility.show, {
       pathParams: { id: facilityId },
@@ -134,7 +131,9 @@ export const FacilityHome = ({ facilityId }: Props) => {
       async (xhr: XMLHttpRequest) => {
         if (xhr.status === 200) {
           await sleep(1000);
-          facilityFetch();
+          queryClient.invalidateQueries({
+            queryKey: ["facility", facilityId],
+          });
           toast.success(t("cover_image_updated"));
           setEditCoverImage(false);
         } else {
@@ -154,7 +153,9 @@ export const FacilityHome = ({ facilityId }: Props) => {
     });
     if (res?.ok) {
       toast.success(t("cover_image_deleted"));
-      facilityFetch();
+      queryClient.invalidateQueries({
+        queryKey: ["facility", facilityId],
+      });
       setEditCoverImage(false);
     } else {
       onError();

@@ -1,4 +1,3 @@
-import { useQueryClient } from "@tanstack/react-query";
 import { t } from "i18next";
 import { useState } from "react";
 
@@ -20,7 +19,6 @@ interface Props {
 }
 
 export default function EditFacilitySheet({ facilityId, trigger }: Props) {
-  const queryClient = useQueryClient();
   const [open, setOpen] = useState(false);
 
   return (
@@ -36,9 +34,6 @@ export default function EditFacilitySheet({ facilityId, trigger }: Props) {
             facilityId={facilityId}
             onSubmitSuccess={() => {
               setOpen(false);
-              queryClient.invalidateQueries({
-                queryKey: [["facility", facilityId], "organizationFacilities"],
-              });
             }}
           />
         </div>

diff --git a/src/CAREUI/misc/PaginatedList.tsx b/src/CAREUI/misc/PaginatedList.tsx
    if (queryCB) {
      queryCB(query);
    }
  }, [query]);

  return (
    <context.Provider
diff --git a/src/PluginRegistry.ts b/src/PluginRegistry.ts
  component: React.ComponentType<MicroPluginProps>;
  routes: Array<{
    path: string;
    component: React.ComponentType<any>;
  }>;
 }

    for (const config of configs) {
      try {
        // Provide React and ReactDOM to the plugin
        (window as any).React = React;
        (window as any).ReactDOM = ReactDOM;

        await this.loadScript(config.url);
        const pluginModule = (window as any)[config.name];
        if (!pluginModule) {
          throw new Error(
            `Plugin ${config.name} not found after loading script`,
diff --git a/src/Utils/AutoSave.tsx b/src/Utils/AutoSave.tsx
 type Draft = {
  timestamp: number;
  draft: {
    [key: string]: any;
  };
 };

 export function useAutoSaveReducer<T>(
  reducer: any,
  initialState: any,
 ): [FormState<T>, Dispatch<FormAction<T>>] {
  const saveInterval = 1000;
  const saveKey = useRef(`form_draft_${window.location.pathname}`);
  return [state, dispatch];
 }

 export function useAutoSaveState(initialState: any) {
  const [state, dispatch] = useAutoSaveReducer((state: any, action: any) => {
    if (action.type === "set_state") {
      return action.state;
    }
	if (queryCB) {
	queryCB(query);
	}
	}, [query]);
Check warning on line 80 in src/CAREUI/misc/PaginatedList.tsx GitHub Actions / cypress-run (1) `React Hook useEffect has a missing dependency: 'queryCB'. Either include it or remove the dependency array. If 'queryCB' changes too often, find the parent component that defines it and wrap that definition in useCallback`

	return (
	<context.Provider
	component: React.ComponentType<MicroPluginProps>;
	routes: Array<{
	path: string;
	component: React.ComponentType<any>;
Check warning on line 13 in src/PluginRegistry.ts GitHub Actions / cypress-run (1) `Unexpected any. Specify a different type`
	}>;
	}

	for (const config of configs) {
	try {
	// Provide React and ReactDOM to the plugin
	(window as any).React = React;
Check warning on line 34 in src/PluginRegistry.ts GitHub Actions / cypress-run (1) `Unexpected any. Specify a different type`
	(window as any).ReactDOM = ReactDOM;
Check warning on line 35 in src/PluginRegistry.ts GitHub Actions / cypress-run (1) `Unexpected any. Specify a different type`

	await this.loadScript(config.url);
	const pluginModule = (window as any)[config.name];
Check warning on line 38 in src/PluginRegistry.ts GitHub Actions / cypress-run (1) `Unexpected any. Specify a different type`
	if (!pluginModule) {
	throw new Error(
	`Plugin ${config.name} not found after loading script`,
	type Draft = {
	timestamp: number;
	draft: {
	[key: string]: any;
Check warning on line 22 in src/Utils/AutoSave.tsx GitHub Actions / cypress-run (1) `Unexpected any. Specify a different type`
	};
	};

	export function useAutoSaveReducer<T>(
	reducer: any,
Check warning on line 27 in src/Utils/AutoSave.tsx GitHub Actions / cypress-run (1) `Unexpected any. Specify a different type`
	initialState: any,
Check warning on line 28 in src/Utils/AutoSave.tsx GitHub Actions / cypress-run (1) `Unexpected any. Specify a different type`
	): [FormState<T>, Dispatch<FormAction<T>>] {
	const saveInterval = 1000;
	const saveKey = useRef(`form_draft_${window.location.pathname}`);
	return [state, dispatch];
	}

	export function useAutoSaveState(initialState: any) {
Check warning on line 81 in src/Utils/AutoSave.tsx GitHub Actions / cypress-run (1) `Unexpected any. Specify a different type`
	const [state, dispatch] = useAutoSaveReducer((state: any, action: any) => {
Check warning on line 82 in src/Utils/AutoSave.tsx GitHub Actions / cypress-run (1) `Unexpected any. Specify a different type`
	if (action.type === "set_state") {
	return action.state;
	}