diff --git a/src/app/closing/detail/page.tsx b/src/app/closing/detail/page.tsx
index c76d04e1..309addbd 100644
--- a/src/app/closing/detail/page.tsx
+++ b/src/app/closing/detail/page.tsx
@@ -35,8 +35,15 @@ const ClosingDetailPage = () => {
   );
 
   const { data: salesData, isLoading: isLoadingSales } = useSWR(
-    closingId ? `sales-${closingId}` : null,
-    () => ClosingApi.getPenjualan(Number(closingId))
+    kandangId
+      ? `sales-${closingId}-${kandangId}`
+      : closingId
+        ? `sales-${closingId}`
+        : null,
+    () =>
+      kandangId
+        ? ClosingApi.getPenjualanByKandang(Number(closingId), Number(kandangId))
+        : ClosingApi.getPenjualan(Number(closingId))
   );
 
   const { data: hppEkspedisiData, isLoading: isLoadingHppEkspedisi } = useSWR(
diff --git a/src/services/api/closing.ts b/src/services/api/closing.ts
index 7e1910c8..892fc88e 100644
--- a/src/services/api/closing.ts
+++ b/src/services/api/closing.ts
@@ -37,6 +37,23 @@ export class ClosingApiService extends BaseApiService<Closing, null, null> {
     }
   }
 
+  async getPenjualanByKandang(
+    closingId: number,
+    kandangId: number
+  ): Promise<BaseApiResponse<ClosingSales> | undefined> {
+    try {
+      const path = `${this.basePath}/${closingId}/${kandangId}/penjualan`;
+      return await httpClient<BaseApiResponse<ClosingSales>>(path, {
+        method: 'GET',
+      });
+    } catch (error) {
+      if (axios.isAxiosError<BaseApiResponse<ClosingSales>>(error)) {
+        return error.response?.data;
+      }
+      return undefined;
+    }
+  }
+
   async getAllIncomingSapronakFetcher(
     endpoint: string
   ): Promise<BaseApiResponse<ClosingIncomingSapronak[]>> {