feat(FE-350): add filtering table

src/app/finance/detail/page.tsx

@@ -11,7 +11,7 @@ const FinanceDetailPage = () => {
   const financeId = useSearchParams().get('financeId');
 
   const { data: finance } = useSWR(financeId, () =>
-    FinanceApi.getSingleFetcher(financeId as string)
+    FinanceApi.getSingle(Number(financeId))
   );
 
   if (!financeId) {

src/app/finance/page.tsx

@@ -1,30 +1,12 @@
 'use client';
 
 import FinanceTable from '@/components/pages/finance/FinanceTable';
-import { isResponseSuccess } from '@/lib/api-helper';
-import { FinanceApi } from '@/services/api/finance';
-import useSWR from 'swr';
 
 const Finance = () => {
-  const { data: finances, isLoading: isLoadingFinances } = useSWR(
-    `${FinanceApi.basePath}`,
-    () => FinanceApi.getAllFetcher()
-  );
-
-  if (isLoadingFinances) {
-    return (
-      <div className='w-full flex flex-row justify-center items-center p-4'>
-        <span className='loading loading-spinner loading-xl' />
-      </div>
-    );
-  }
-
   return (
-    <section className='size-full p-4'>
-      <h1>Finance</h1>
-      <FinanceTable
-        finances={isResponseSuccess(finances) ? finances.data : []}
-      />
+    <section className='size-full p-6'>
+      <div className='flex flex-row gap-4'></div>
+      <FinanceTable />
     </section>
   );
 };