Worked on the manage cms

dev-dist/sw.js

@@ -82,11 +82,7 @@ define(['./workbox-54d0af47'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-<<<<<<< HEAD
-    "revision": "0.vu9poovgqsg"
-=======
-    "revision": "0.f3u8hds6p7"
->>>>>>> bc1d1923d21ac063f1096d709408895b7efc73f9
+    "revision": "0.iv1sobg60j"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

src/Pages/ManageCMS/AboutUs/AboutUs.tsx

@@ -6,6 +6,7 @@ import { useGetAboutUsQuery } from "../../../Redux/Service/manage.aboutus.servic
 
 
 interface AboutUsContent {
+  id: number;
   content: string;
 }
 

src/Pages/ManageCMS/PrivacyPolicy/PrivacyPolicy.tsx

@@ -1,20 +1,35 @@
-import { Box, HStack, Text } from "@chakra-ui/react";
-import MainFrame from "../../../components/MainFrame"
-import { p } from "framer-motion/client";
+import { Box, HStack, Text, Skeleton } from "@chakra-ui/react";
+import MainFrame from "../../../components/MainFrame";
 import PrivacyPolicyAddModel from "./PrivacyPolicyAddModel";
-import { useGetPrivacyPolicyQuery } from "../../../Redux/Service/privacy.policy.service.ts";
-const PrivacyPolicy = () => {
- 
-  const {
-    data
-  } = useGetPrivacyPolicyQuery()
+import { useGetPrivacyPolicyQuery } from "../../../Redux/Service/privacy.policy.service";
 
-  console.log('============================');
+// Define interfaces
+interface PrivacyPolicyContent {
+  id: number;
+  content: string;
+}
+
+interface ApiResponse {
+  data: {data:PrivacyPolicyContent[]};
+  isLoading: boolean
+}
+
+const PrivacyPolicy = () => {
+  // Fetch data using RTK Query with type annotations
+  const { data, isLoading } = useGetPrivacyPolicyQuery<ApiResponse>();
+
+  console.log(isLoading);
+  
+
+  // Log the response for debugging
+  console.log("====================================");  
   console.log(data);
-  console.log('============================');
+  console.log("====================================");
+  
+  // Extract content array from the response
+  const content = data?.data?.[0]?.content;
 
   return (
-
     <MainFrame>
       <Box>
         <HStack
@@ -25,21 +40,39 @@ const PrivacyPolicy = () => {
           px={3}
         >
           <Text as={"span"} fontSize={"sm"} fontWeight={500} color={"#000"}>
-          Privacy Policy
+            Privacy Policy
           </Text>
 
-          <HStack >
+          <HStack>
             <PrivacyPolicyAddModel />
           </HStack>
         </HStack>
-        <Text as={p} fontSize={"sm"} fontWeight={400} color={"#1D1D1D"} px={3} w={"85%"} mb={"15px"} >
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam soluta doloremque quibusdam facilis quas, unde hic eaque doloribus sed perferendis atque, eos dolores eius consectetur iure sint adipisci itaque tempora fugit quidem culpa provident possimus. Ullam, vitae in voluptatum dignissimos, quos blanditiis sequi aut repellat error eaque veritatis unde quam temporibus adipisci consectetur neque vero exercitationem dolor cum numquam maiores alias, totam minima quas. Possimus, ratione harum. Alias laboriosam nesciunt esse fugit deserunt pariatur corporis tempora quia veniam laborum aliquid enim voluptatibus asperiores minima tempore repudiandae vero quo porro, doloribus explicabo sit beatae et hic natus. Non earum nisi reiciendis? 
-        </Text>
-        <Text as={p}  fontSize={"sm"} fontWeight={400} color={"#1D1D1D"} px={3} w={"85%"} >
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam soluta doloremque quibusdam facilis quas, unde hic eaque doloribus sed perferendis atque, eos dolores eius consectetur iure sint adipisci itaque tempora fugit quidem culpa provident possimus. Ullam, vitae in voluptatum dignissimos, quos blanditiis sequi aut repellat error eaque veritatis unde quam temporibus adipisci consectetur neque vero exercitationem dolor cum numquam maiores alias, totam minima quas. Possimus, ratione harum. Alias laboriosam nesciunt esse fugit deserunt pariatur corporis tempora quia veniam laborum aliquid enim voluptatibus asperiores minima tempore repudiandae vero quo porro, doloribus explicabo sit beatae et hic natus. Non earum nisi reiciendis? 
-        </Text>
-     </Box>
+
+        {/* Render multiple skeletons or content based on loading state */}
+        {isLoading || !content ? (
+          <Box px={3} pb={3} w="90%">
+            <Skeleton height="20px" mb="10px" width="90%" />
+            <Skeleton height="20px" mb="15px" width="90%" />
+            <Skeleton height="20px" mb="10px" width="90%" />
+            <Skeleton height="20px" mb="10px" width="80%" />
+            <Skeleton height="20px" width="60%" />
+          </Box>
+        ) : (
+          <Text
+            as="p"
+            fontSize="sm"
+            fontWeight={400}
+            color="#1D1D1D"
+            px={3}
+            w="85%"
+            mb="15px"
+          >
+            {content}
+          </Text>
+        )}
+      </Box>
     </MainFrame>
-  )
-}
-export default PrivacyPolicy
+  );
+};
+
+export default PrivacyPolicy;

src/Redux/Service/privacy.policy.service.ts

@@ -3,6 +3,7 @@ import { baseQueryWithReauth } from "./apiSlice";
 
 
 
+
 export const privacyPolicy = createApi({
   reducerPath: "privacyPolicy",
   baseQuery: baseQueryWithReauth, // Use enhanced baseQuery with error handling