Updated

frontend/composables/api/chat/useGetChat.ts

@@ -0,0 +1,60 @@
+// imports
+
+import { useInfiniteQuery, useQuery } from "@tanstack/vue-query";
+import axios from "~/configs/axios.config";
+import { API_ENDPOINTS, QUERY_KEYS } from "~/constants";
+import type { ComputedRef } from "vue";
+
+// types
+
+export type GetBranchResponse = ApiPaginated<Chat>;
+
+// methods
+
+export const handleGetChat = async ({ productId, limit, offset }: {
+    productId: number | string,
+    limit: number,
+    offset: number
+}) => {
+    const { data } = await axios.get<GetBranchResponse>(`${API_ENDPOINTS.chat.messages}/${productId}`, {
+        params: {
+            offset,
+            limit
+        },
+        headers: {
+            Authorization: `Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoyMTY3ODE2OTAwLCJpYXQiOjE3MzU4MTY5MDAsImp0aSI6ImQwN2E2Y2Y2NzgwZjRlNTE5NWIzOGQxMTAzYzU4NDQ3IiwidXNlcl9pZCI6NX0.slwd7ZSV7nUXEuDTYwwHUOo9ekCefwEEL4kVv2vSTFo`
+        }
+    });
+    return data;
+};
+
+// composable
+
+const useGetBranch = (
+    productId: Ref<string | number>,
+    enabled: Ref<boolean>
+) => {
+    return useInfiniteQuery({
+        enabled,
+        queryKey: [QUERY_KEYS.chat],
+        initialPageParam: {
+            limit: 10,
+            offset: 0
+        },
+        queryFn: ({ pageParam }) => handleGetChat({
+            limit: pageParam.limit,
+            offset: pageParam.offset,
+            productId: productId.value
+        }),
+        getNextPageParam: (lastPage, pages) => {
+            if (!lastPage.next) return undefined;
+
+            return {
+                limit: 10,
+                offset: pages.length * 10
+            };
+        }
+    });
+};
+
+export default useGetBranch;