From 6f9e8201119b26a0b1f26d5b995077d7830fac13 Mon Sep 17 00:00:00 2001
From: eat_code_sleep <141677292+i0am0arunava@users.noreply.github.com>
Date: Mon, 6 Jan 2025 23:47:07 +0530
Subject: [PATCH 1/8] added debopuncing for that 3 apis

---
 .env                                          |  2 +-
 package-lock.json                             |  4 ++--
 .../FacilityOrganizationView.tsx              | 15 +++++++++++---
 .../Organization/OrganizationFacilities.tsx   | 20 +++++++++++++++----
 src/pages/Organization/OrganizationView.tsx   | 18 +++++++++++++----
 5 files changed, 45 insertions(+), 14 deletions(-)

diff --git a/.env b/.env
index 55743104f8f..760297564d2 100644
--- a/.env
+++ b/.env
@@ -14,4 +14,4 @@ ESLINT_NO_DEV_ERRORS=true
 CARE_CDN_URL="https://egov-s3-facility-10bedicu.s3.amazonaws.com https://egov-s3-patient-data-10bedicu.s3.amazonaws.com http://localhost:4566"
 REACT_ALLOWED_LOCALES="en,hi,ta,ml,mr,kn"
 
-REACT_ENABLED_APPS=""
+REACT_ENABLED_APPS= ""
diff --git a/package-lock.json b/package-lock.json
index aae20921b8a..c1df2f9e3f6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -146,8 +146,8 @@
         "node": ">=22.8.0"
       },
       "optionalDependencies": {
-        "@esbuild/linux-arm64": "*",
-        "@esbuild/linux-x64": "*",
+        "@esbuild/linux-arm64": "latest",
+        "@esbuild/linux-x64": "latest",
         "@rollup/rollup-linux-arm64-gnu": "4.29.1",
         "@rollup/rollup-linux-x64-gnu": "4.29.1"
       }
diff --git a/src/pages/FacilityOrganization/FacilityOrganizationView.tsx b/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
index 8a362cf21cb..c7c63ff150e 100644
--- a/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
+++ b/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
@@ -11,6 +11,8 @@ import { Input } from "@/components/ui/input";
 
 import Pagination from "@/components/Common/Pagination";
 
+import useDebounce from "@/hooks/useDebounce";
+
 import routes from "@/Utils/request/api";
 import query from "@/Utils/request/query";
 
@@ -25,8 +27,15 @@ interface Props {
 export default function FacilityOrganizationView({ id, facilityId }: Props) {
   const [page, setPage] = useState(1);
   const [searchQuery, setSearchQuery] = useState("");
+  const [debouncedQuery, setDebouncedQuery] = useState("");
   const limit = 12; // 3x4 grid
+  const debounceQuery = useDebounce((newParams) => {
+    setDebouncedQuery(newParams);
+  }, 500);
 
+  useEffect(() => {
+    debounceQuery(searchQuery);
+  }, [searchQuery]);
   const { data: children, isLoading } = useQuery({
     queryKey: [
       "facilityOrganization",
@@ -35,7 +44,7 @@ export default function FacilityOrganizationView({ id, facilityId }: Props) {
       id,
       page,
       limit,
-      searchQuery,
+      debouncedQuery,
     ],
     queryFn: query(routes.facilityOrganization.list, {
       pathParams: { facilityId, organizationId: id },
@@ -43,7 +52,7 @@ export default function FacilityOrganizationView({ id, facilityId }: Props) {
         parent: id,
         offset: (page - 1) * limit,
         limit,
-        name: searchQuery || undefined,
+        name: debouncedQuery || undefined,
       },
     }),
   });
diff --git a/src/pages/Organization/OrganizationFacilities.tsx b/src/pages/Organization/OrganizationFacilities.tsx
index 0717e682921..4b4468b6cf7 100644
--- a/src/pages/Organization/OrganizationFacilities.tsx
+++ b/src/pages/Organization/OrganizationFacilities.tsx
@@ -1,5 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
+import { useEffect, useState } from "react";
 
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
@@ -9,6 +10,7 @@ import { Input } from "@/components/ui/input";
 
 import { Avatar } from "@/components/Common/Avatar";
 
+import useDebounce from "@/hooks/useDebounce";
 import useFilters from "@/hooks/useFilters";
 
 import routes from "@/Utils/request/api";
@@ -30,15 +32,25 @@ export default function OrganizationFacilities({
   const { qParams, Pagination, advancedFilter, resultsPerPage, updateQuery } =
     useFilters({ limit: 14, cacheBlacklist: ["facility"] });
 
+  const [debouncedParams, setDebouncedParams] = useState(qParams);
+
+  const debounceParams = useDebounce((newParams) => {
+    setDebouncedParams(newParams);
+  }, 500);
+
+  useEffect(() => {
+    debounceParams(qParams);
+  }, [JSON.stringify(qParams)]);
+
   const { data: facilities, isLoading } = useQuery({
-    queryKey: ["organizationFacilities", id, qParams],
+    queryKey: ["organizationFacilities", id, debouncedParams],
     queryFn: query(routes.facility.list, {
       queryParams: {
-        page: qParams.page,
+        page: debouncedParams.page,
         limit: resultsPerPage,
-        offset: (qParams.page - 1) * resultsPerPage,
+        offset: (debouncedParams.page - 1) * resultsPerPage,
         organization: id,
-        name: qParams.name,
+        name: debouncedParams.name,
         ...advancedFilter.filter,
       },
     }),
diff --git a/src/pages/Organization/OrganizationView.tsx b/src/pages/Organization/OrganizationView.tsx
index cd2c1b492a4..428688a9890 100644
--- a/src/pages/Organization/OrganizationView.tsx
+++ b/src/pages/Organization/OrganizationView.tsx
@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
@@ -11,6 +11,8 @@ import { Input } from "@/components/ui/input";
 
 import Pagination from "@/components/Common/Pagination";
 
+import useDebounce from "@/hooks/useDebounce";
+
 import query from "@/Utils/request/query";
 import { Organization, getOrgLabel } from "@/types/organization/organization";
 import organizationApi from "@/types/organization/organizationApi";
@@ -25,16 +27,24 @@ interface Props {
 export default function OrganizationView({ id, navOrganizationId }: Props) {
   const [page, setPage] = useState(1);
   const [searchQuery, setSearchQuery] = useState("");
-  const limit = 12; // 3x4 grid
 
+  const [debouncedQuery, setDebouncedQuery] = useState("");
+
+  const limit = 12; // 3x4 grid
+  const debounceQuery = useDebounce((newParams) => {
+    setDebouncedQuery(newParams);
+  }, 500);
+  useEffect(() => {
+    debounceQuery(searchQuery);
+  }, [searchQuery]);
   const { data: children, isLoading } = useQuery({
-    queryKey: ["organization", id, "children", page, limit, searchQuery],
+    queryKey: ["organization", id, "children", page, limit],
     queryFn: query(organizationApi.list, {
       queryParams: {
         parent: id,
         offset: (page - 1) * limit,
         limit,
-        name: searchQuery || undefined,
+        name: debouncedQuery || undefined,
       },
     }),
   });

From 97d3e71dd6a496c2f82d591266794aff952fab21 Mon Sep 17 00:00:00 2001
From: eat_code_sleep <141677292+i0am0arunava@users.noreply.github.com>
Date: Mon, 6 Jan 2025 23:56:49 +0530
Subject: [PATCH 2/8] added debopuncing for that 3 apis

---
 src/types/notes/messages.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/types/notes/messages.ts b/src/types/notes/messages.ts
index 92a88107930..bca88676392 100644
--- a/src/types/notes/messages.ts
+++ b/src/types/notes/messages.ts
@@ -7,4 +7,3 @@ export interface Message {
   created_by: UserBase;
   updated_by: UserBase;
 }
-

From 50fa5497fc4d9192d0176b4e4a55ada0cd433c15 Mon Sep 17 00:00:00 2001
From: eat_code_sleep <141677292+i0am0arunava@users.noreply.github.com>
Date: Mon, 6 Jan 2025 23:59:17 +0530
Subject: [PATCH 3/8] added debopuncing for that 3 apis

---
 .env | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.env b/.env
index 760297564d2..55743104f8f 100644
--- a/.env
+++ b/.env
@@ -14,4 +14,4 @@ ESLINT_NO_DEV_ERRORS=true
 CARE_CDN_URL="https://egov-s3-facility-10bedicu.s3.amazonaws.com https://egov-s3-patient-data-10bedicu.s3.amazonaws.com http://localhost:4566"
 REACT_ALLOWED_LOCALES="en,hi,ta,ml,mr,kn"
 
-REACT_ENABLED_APPS= ""
+REACT_ENABLED_APPS=""

From 7934651bd9eebfd19cc3e90b10ca1f8360e762d8 Mon Sep 17 00:00:00 2001
From: eat_code_sleep <141677292+i0am0arunava@users.noreply.github.com>
Date: Tue, 7 Jan 2025 00:13:00 +0530
Subject: [PATCH 4/8] added debopuncing for that 3 apis

---
 src/pages/Organization/OrganizationView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Organization/OrganizationView.tsx b/src/pages/Organization/OrganizationView.tsx
index 428688a9890..4ce97403c84 100644
--- a/src/pages/Organization/OrganizationView.tsx
+++ b/src/pages/Organization/OrganizationView.tsx
@@ -38,7 +38,7 @@ export default function OrganizationView({ id, navOrganizationId }: Props) {
     debounceQuery(searchQuery);
   }, [searchQuery]);
   const { data: children, isLoading } = useQuery({
-    queryKey: ["organization", id, "children", page, limit],
+    queryKey: ["organization", id, "children", page, limit, debouncedQuery],
     queryFn: query(organizationApi.list, {
       queryParams: {
         parent: id,

From 64ecadfa39f8240897279b2eb97a71f2837b9bad Mon Sep 17 00:00:00 2001
From: eat_code_sleep <141677292+i0am0arunava@users.noreply.github.com>
Date: Tue, 7 Jan 2025 00:59:43 +0530
Subject: [PATCH 5/8] added useDebounceState hook  instead of useDebounce

---
 .../FacilityOrganizationView.tsx              | 17 ++++++++--------
 .../Organization/OrganizationFacilities.tsx   | 14 +++++--------
 src/pages/Organization/OrganizationView.tsx   | 20 ++++++++++---------
 3 files changed, 25 insertions(+), 26 deletions(-)

diff --git a/src/pages/FacilityOrganization/FacilityOrganizationView.tsx b/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
index c7c63ff150e..e24c9adb506 100644
--- a/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
+++ b/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
@@ -11,7 +11,7 @@ import { Input } from "@/components/ui/input";
 
 import Pagination from "@/components/Common/Pagination";
 
-import useDebounce from "@/hooks/useDebounce";
+import useDebouncedState from "@/hooks/useDebouncedState";
 
 import routes from "@/Utils/request/api";
 import query from "@/Utils/request/query";
@@ -27,15 +27,16 @@ interface Props {
 export default function FacilityOrganizationView({ id, facilityId }: Props) {
   const [page, setPage] = useState(1);
   const [searchQuery, setSearchQuery] = useState("");
-  const [debouncedQuery, setDebouncedQuery] = useState("");
   const limit = 12; // 3x4 grid
-  const debounceQuery = useDebounce((newParams) => {
-    setDebouncedQuery(newParams);
-  }, 500);
+  const [debouncedParams, setDebouncedParams] = useDebouncedState(
+    searchQuery,
+    500,
+  );
 
   useEffect(() => {
-    debounceQuery(searchQuery);
+    setDebouncedParams(searchQuery);
   }, [searchQuery]);
+
   const { data: children, isLoading } = useQuery({
     queryKey: [
       "facilityOrganization",
@@ -44,7 +45,7 @@ export default function FacilityOrganizationView({ id, facilityId }: Props) {
       id,
       page,
       limit,
-      debouncedQuery,
+      debouncedParams,
     ],
     queryFn: query(routes.facilityOrganization.list, {
       pathParams: { facilityId, organizationId: id },
@@ -52,7 +53,7 @@ export default function FacilityOrganizationView({ id, facilityId }: Props) {
         parent: id,
         offset: (page - 1) * limit,
         limit,
-        name: debouncedQuery || undefined,
+        name: debouncedParams || undefined,
       },
     }),
   });
diff --git a/src/pages/Organization/OrganizationFacilities.tsx b/src/pages/Organization/OrganizationFacilities.tsx
index 4b4468b6cf7..a465a46eea2 100644
--- a/src/pages/Organization/OrganizationFacilities.tsx
+++ b/src/pages/Organization/OrganizationFacilities.tsx
@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
-import { useEffect, useState } from "react";
+import { useEffect } from "react";
 
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
@@ -10,7 +10,7 @@ import { Input } from "@/components/ui/input";
 
 import { Avatar } from "@/components/Common/Avatar";
 
-import useDebounce from "@/hooks/useDebounce";
+import useDebouncedState from "@/hooks/useDebouncedState";
 import useFilters from "@/hooks/useFilters";
 
 import routes from "@/Utils/request/api";
@@ -32,15 +32,11 @@ export default function OrganizationFacilities({
   const { qParams, Pagination, advancedFilter, resultsPerPage, updateQuery } =
     useFilters({ limit: 14, cacheBlacklist: ["facility"] });
 
-  const [debouncedParams, setDebouncedParams] = useState(qParams);
-
-  const debounceParams = useDebounce((newParams) => {
-    setDebouncedParams(newParams);
-  }, 500);
+  const [debouncedParams, setDebouncedParams] = useDebouncedState(qParams, 500);
 
   useEffect(() => {
-    debounceParams(qParams);
-  }, [JSON.stringify(qParams)]);
+    setDebouncedParams(qParams);
+  }, [qParams]);
 
   const { data: facilities, isLoading } = useQuery({
     queryKey: ["organizationFacilities", id, debouncedParams],
diff --git a/src/pages/Organization/OrganizationView.tsx b/src/pages/Organization/OrganizationView.tsx
index 4ce97403c84..142111a0118 100644
--- a/src/pages/Organization/OrganizationView.tsx
+++ b/src/pages/Organization/OrganizationView.tsx
@@ -11,7 +11,7 @@ import { Input } from "@/components/ui/input";
 
 import Pagination from "@/components/Common/Pagination";
 
-import useDebounce from "@/hooks/useDebounce";
+import useDebouncedState from "@/hooks/useDebouncedState";
 
 import query from "@/Utils/request/query";
 import { Organization, getOrgLabel } from "@/types/organization/organization";
@@ -28,23 +28,25 @@ export default function OrganizationView({ id, navOrganizationId }: Props) {
   const [page, setPage] = useState(1);
   const [searchQuery, setSearchQuery] = useState("");
 
-  const [debouncedQuery, setDebouncedQuery] = useState("");
+  const [debouncedParams, setDebouncedParams] = useDebouncedState(
+    searchQuery,
+    500,
+  );
 
-  const limit = 12; // 3x4 grid
-  const debounceQuery = useDebounce((newParams) => {
-    setDebouncedQuery(newParams);
-  }, 500);
   useEffect(() => {
-    debounceQuery(searchQuery);
+    setDebouncedParams(searchQuery);
   }, [searchQuery]);
+
+  const limit = 12; // 3x4 grid
+
   const { data: children, isLoading } = useQuery({
-    queryKey: ["organization", id, "children", page, limit, debouncedQuery],
+    queryKey: ["organization", id, "children", page, limit, debouncedParams],
     queryFn: query(organizationApi.list, {
       queryParams: {
         parent: id,
         offset: (page - 1) * limit,
         limit,
-        name: debouncedQuery || undefined,
+        name: debouncedParams || undefined,
       },
     }),
   });

From 9615a9b8679c8793d69f5003cf6651e25be28a2c Mon Sep 17 00:00:00 2001
From: eat_code_sleep <141677292+i0am0arunava@users.noreply.github.com>
Date: Tue, 7 Jan 2025 23:21:04 +0530
Subject: [PATCH 6/8] usedebouncestate updated work

---
 .../FacilityOrganizationView.tsx                   |  7 ++-----
 src/pages/Organization/OrganizationFacilities.tsx  | 14 +++++---------
 src/pages/Organization/OrganizationView.tsx        |  7 ++-----
 3 files changed, 9 insertions(+), 19 deletions(-)

diff --git a/src/pages/FacilityOrganization/FacilityOrganizationView.tsx b/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
index e24c9adb506..07edacfe805 100644
--- a/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
+++ b/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
@@ -33,10 +33,6 @@ export default function FacilityOrganizationView({ id, facilityId }: Props) {
     500,
   );
 
-  useEffect(() => {
-    setDebouncedParams(searchQuery);
-  }, [searchQuery]);
-
   const { data: children, isLoading } = useQuery({
     queryKey: [
       "facilityOrganization",
@@ -71,6 +67,7 @@ export default function FacilityOrganizationView({ id, facilityId }: Props) {
                 onChange={(e) => {
                   setSearchQuery(e.target.value);
                   setPage(1); // Reset to first page on search
+                  setDebouncedParams(e.target.value);
                 }}
                 className="w-full"
               />
diff --git a/src/pages/Organization/OrganizationFacilities.tsx b/src/pages/Organization/OrganizationFacilities.tsx
index a465a46eea2..b10edefedaf 100644
--- a/src/pages/Organization/OrganizationFacilities.tsx
+++ b/src/pages/Organization/OrganizationFacilities.tsx
@@ -1,6 +1,5 @@
 import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
-import { useEffect } from "react";
 
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
@@ -34,10 +33,6 @@ export default function OrganizationFacilities({
 
   const [debouncedParams, setDebouncedParams] = useDebouncedState(qParams, 500);
 
-  useEffect(() => {
-    setDebouncedParams(qParams);
-  }, [qParams]);
-
   const { data: facilities, isLoading } = useQuery({
     queryKey: ["organizationFacilities", id, debouncedParams],
     queryFn: query(routes.facility.list, {
@@ -56,7 +51,7 @@ export default function OrganizationFacilities({
   if (!id) {
     return null;
   }
-
+  console.log("ddd", debouncedParams);
   return (
     <OrganizationLayout id={id} navOrganizationId={navOrganizationId}>
       <div className="space-y-6">
@@ -70,12 +65,13 @@ export default function OrganizationFacilities({
             type="text"
             placeholder="Search facilities..."
             value={qParams.name || ""}
-            onChange={(e) =>
+            onChange={(e) => {
               updateQuery({
                 name: e.target.value,
                 page: 1,
-              })
-            }
+              });
+              setDebouncedParams({ ...qParams, name: e.target.value, page: 1 });
+            }}
             className="max-w-sm"
           />
         </div>
diff --git a/src/pages/Organization/OrganizationView.tsx b/src/pages/Organization/OrganizationView.tsx
index 142111a0118..396e9e6b774 100644
--- a/src/pages/Organization/OrganizationView.tsx
+++ b/src/pages/Organization/OrganizationView.tsx
@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
@@ -33,10 +33,6 @@ export default function OrganizationView({ id, navOrganizationId }: Props) {
     500,
   );
 
-  useEffect(() => {
-    setDebouncedParams(searchQuery);
-  }, [searchQuery]);
-
   const limit = 12; // 3x4 grid
 
   const { data: children, isLoading } = useQuery({
@@ -68,6 +64,7 @@ export default function OrganizationView({ id, navOrganizationId }: Props) {
               onChange={(e) => {
                 setSearchQuery(e.target.value);
                 setPage(1); // Reset to first page on search
+                setDebouncedParams(e.target.value);
               }}
               className="w-full"
             />

From 1afa00df15d162cb30b2b9a296d7c55d357aa7da Mon Sep 17 00:00:00 2001
From: eat_code_sleep <141677292+i0am0arunava@users.noreply.github.com>
Date: Thu, 9 Jan 2025 13:28:23 +0530
Subject: [PATCH 7/8] en.json updated, debouncing is added all the requested
 changes are done

---
 public/locale/en.json                                |  7 ++++++-
 .../FacilityOrganizationView.tsx                     | 12 ++++++------
 src/pages/Organization/OrganizationFacilities.tsx    |  9 +++++----
 src/pages/Organization/OrganizationView.tsx          | 11 +++++------
 4 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/public/locale/en.json b/public/locale/en.json
index a6b499278b3..b72313e9979 100644
--- a/public/locale/en.json
+++ b/public/locale/en.json
@@ -106,6 +106,8 @@
   "LOG_UPDATE_FIELD_LABEL__ventilator_spo2": "SpO₂",
   "LOG_UPDATE_UPDATED_NOTIFICATION": "{{ roundType }} updated successfully",
   "NORMAL": "Brief Update",
+  "no_sub_organizations_found": "No sub_organizations found",
+  "no_organizations_found_matching": "No organizations found matching",
   "NURSING_CARE_PROCEDURE__ascitic_tapping": "Ascitic Tapping",
   "NURSING_CARE_PROCEDURE__bed_bath": "Bed Bath",
   "NURSING_CARE_PROCEDURE__catheter_care": "Catheter Care",
@@ -1609,6 +1611,8 @@
   "search": "Search",
   "search_by_emergency_contact_phone_number": "Search by Emergency Contact Phone Number",
   "search_by_emergency_phone_number": "Search by Emergency Phone Number",
+  "search_facilities": "Search Facilities",
+  "search_by_name": "Search by name",
   "search_by_patient_name": "Search by Patient Name",
   "search_by_patient_no": "Search by Patient Number",
   "search_by_phone_number": "Search by Phone Number",
@@ -1700,6 +1704,7 @@
   "spokes": "Spoke Facilities",
   "srf_id": "SRF ID",
   "staff_list": "Staff List",
+  "staff": "Staff",
   "start_consultation": "Start Consultation",
   "start_datetime": "Start Date/Time",
   "start_dosage": "Start Dosage",
@@ -1930,4 +1935,4 @@
   "you_need_at_least_a_location_to_create_an_assest": "You need at least a location to create an assest.",
   "zoom_in": "Zoom In",
   "zoom_out": "Zoom Out"
-}
+}
\ No newline at end of file
diff --git a/src/pages/FacilityOrganization/FacilityOrganizationView.tsx b/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
index 07edacfe805..58dac307ea3 100644
--- a/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
+++ b/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
@@ -1,7 +1,7 @@
 import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
 import { useState } from "react";
-
+import { useTranslation } from "react-i18next";
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
 import { Badge } from "@/components/ui/badge";
@@ -32,7 +32,7 @@ export default function FacilityOrganizationView({ id, facilityId }: Props) {
     searchQuery,
     500,
   );
-
+ const {t}=useTranslation();
   const { data: children, isLoading } = useQuery({
     queryKey: [
       "facilityOrganization",
@@ -58,11 +58,11 @@ export default function FacilityOrganizationView({ id, facilityId }: Props) {
     <FacilityOrganizationLayout id={id} facilityId={facilityId}>
       <div className="space-y-6">
         <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
-          <h2 className="text-lg font-semibold">Organizations</h2>
+          <h2 className="text-lg font-semibold">{t("organizations")}</h2>
           <div className="flex items-center gap-4 w-full sm:w-auto">
             <div className="w-full sm:w-72">
               <Input
-                placeholder="Search by name..."
+                placeholder={t("search_by_name")}
                 value={searchQuery}
                 onChange={(e) => {
                   setSearchQuery(e.target.value);
@@ -138,8 +138,8 @@ export default function FacilityOrganizationView({ id, facilityId }: Props) {
                 <Card className="col-span-full">
                   <CardContent className="p-6 text-center text-gray-500">
                     {searchQuery
-                      ? `No organizations found matching "${searchQuery}"`
-                      : "No sub-organizations found."}
+                      ? `${t("no_organizations_found_matching")} "${searchQuery}"`
+                      : `${t("no_sub_organizations_found")}`}
                   </CardContent>
                 </Card>
               )}
diff --git a/src/pages/Organization/OrganizationFacilities.tsx b/src/pages/Organization/OrganizationFacilities.tsx
index b10edefedaf..5f21e3b295f 100644
--- a/src/pages/Organization/OrganizationFacilities.tsx
+++ b/src/pages/Organization/OrganizationFacilities.tsx
@@ -18,6 +18,7 @@ import { BaseFacility } from "@/types/facility/facility";
 
 import AddFacilitySheet from "./components/AddFacilitySheet";
 import OrganizationLayout from "./components/OrganizationLayout";
+import { useTranslation } from "react-i18next";
 
 interface Props {
   id: string;
@@ -32,7 +33,7 @@ export default function OrganizationFacilities({
     useFilters({ limit: 14, cacheBlacklist: ["facility"] });
 
   const [debouncedParams, setDebouncedParams] = useDebouncedState(qParams, 500);
-
+  const { t } = useTranslation();
   const { data: facilities, isLoading } = useQuery({
     queryKey: ["organizationFacilities", id, debouncedParams],
     queryFn: query(routes.facility.list, {
@@ -63,7 +64,7 @@ export default function OrganizationFacilities({
         <div className="flex gap-2">
           <Input
             type="text"
-            placeholder="Search facilities..."
+            placeholder={t("search_facilities")}
             value={qParams.name || ""}
             onChange={(e) => {
               updateQuery({
@@ -106,7 +107,7 @@ export default function OrganizationFacilities({
           ) : facilities?.results?.length === 0 ? (
             <Card className="col-span-full">
               <CardContent className="p-6 text-center text-gray-500">
-                No facilities found.
+                {t("no_facilities_found")}
               </CardContent>
             </Card>
           ) : (
@@ -149,7 +150,7 @@ export default function OrganizationFacilities({
                       href={`/facility/${facility.id}`}
                       className="text-sm text-primary hover:underline"
                     >
-                      View Facility
+                     {t("view_facility")}
                       <Button
                         variant="ghost"
                         size="icon"
diff --git a/src/pages/Organization/OrganizationView.tsx b/src/pages/Organization/OrganizationView.tsx
index 396e9e6b774..ae2b9fe9a88 100644
--- a/src/pages/Organization/OrganizationView.tsx
+++ b/src/pages/Organization/OrganizationView.tsx
@@ -1,7 +1,7 @@
 import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
 import { useState } from "react";
-
+import { useTranslation } from "react-i18next";
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
 import { Badge } from "@/components/ui/badge";
@@ -32,9 +32,8 @@ export default function OrganizationView({ id, navOrganizationId }: Props) {
     searchQuery,
     500,
   );
-
   const limit = 12; // 3x4 grid
-
+  const { t } = useTranslation();
   const { data: children, isLoading } = useQuery({
     queryKey: ["organization", id, "children", page, limit, debouncedParams],
     queryFn: query(organizationApi.list, {
@@ -59,7 +58,7 @@ export default function OrganizationView({ id, navOrganizationId }: Props) {
           <h2 className="text-lg font-semibold">Organizations</h2>
           <div className="w-72">
             <Input
-              placeholder="Search by name..."
+              placeholder={t("search_by_name")}
               value={searchQuery}
               onChange={(e) => {
                 setSearchQuery(e.target.value);
@@ -137,8 +136,8 @@ export default function OrganizationView({ id, navOrganizationId }: Props) {
                 <Card className="col-span-full">
                   <CardContent className="p-6 text-center text-gray-500">
                     {searchQuery
-                      ? `No organizations found matching "${searchQuery}"`
-                      : "No sub-organizations found."}
+                      ? `${t("no_organizations_found_matching")} "${searchQuery}"`
+                      : `${t("no_sub_organizations_found")}`}
                   </CardContent>
                 </Card>
               )}

From a22eaa74458e4696960ae564b3c4eee71307106d Mon Sep 17 00:00:00 2001
From: eat_code_sleep <141677292+i0am0arunava@users.noreply.github.com>
Date: Thu, 9 Jan 2025 13:56:30 +0530
Subject: [PATCH 8/8] en.json updated, debouncing is added all the requested
 changes are done

---
 src/pages/FacilityOrganization/FacilityOrganizationView.tsx | 3 ++-
 src/pages/Organization/OrganizationFacilities.tsx           | 4 ++--
 src/pages/Organization/OrganizationView.tsx                 | 1 +
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/FacilityOrganization/FacilityOrganizationView.tsx b/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
index 58dac307ea3..bfa7e1cdf8a 100644
--- a/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
+++ b/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
@@ -2,6 +2,7 @@ import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
+
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
 import { Badge } from "@/components/ui/badge";
@@ -32,7 +33,7 @@ export default function FacilityOrganizationView({ id, facilityId }: Props) {
     searchQuery,
     500,
   );
- const {t}=useTranslation();
+  const { t } = useTranslation();
   const { data: children, isLoading } = useQuery({
     queryKey: [
       "facilityOrganization",
diff --git a/src/pages/Organization/OrganizationFacilities.tsx b/src/pages/Organization/OrganizationFacilities.tsx
index 5f21e3b295f..6027488e029 100644
--- a/src/pages/Organization/OrganizationFacilities.tsx
+++ b/src/pages/Organization/OrganizationFacilities.tsx
@@ -1,5 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
+import { useTranslation } from "react-i18next";
 
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
@@ -18,7 +19,6 @@ import { BaseFacility } from "@/types/facility/facility";
 
 import AddFacilitySheet from "./components/AddFacilitySheet";
 import OrganizationLayout from "./components/OrganizationLayout";
-import { useTranslation } from "react-i18next";
 
 interface Props {
   id: string;
@@ -150,7 +150,7 @@ export default function OrganizationFacilities({
                       href={`/facility/${facility.id}`}
                       className="text-sm text-primary hover:underline"
                     >
-                     {t("view_facility")}
+                      {t("view_facility")}
                       <Button
                         variant="ghost"
                         size="icon"
diff --git a/src/pages/Organization/OrganizationView.tsx b/src/pages/Organization/OrganizationView.tsx
index ae2b9fe9a88..64a58e2daf5 100644
--- a/src/pages/Organization/OrganizationView.tsx
+++ b/src/pages/Organization/OrganizationView.tsx
@@ -2,6 +2,7 @@ import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
+
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
 import { Badge } from "@/components/ui/badge";