refactor: remove widget concept

Author: mnindrazaka

libs/ui/src/app/BudgetListScreen.tsx

@@ -2,10 +2,7 @@
 import { budgetList, budgetListQueryKey } from '../../../api-contract/src';
 import { OpenAPIBudgetRepository } from '../data';
 import { BudgetListUsecase } from '../domain';
-import {
-  BudgetListScreen as BudgetListScreenView,
-  BudgetListProvider,
-} from '../presentation';
+import { BudgetListScreen as BudgetListScreenView } from '../presentation';
 import { dehydrate, QueryClient, useQueryClient } from '@tanstack/react-query';
 
 export async function getBudgetListScreenDehydratedState() {
@@ -22,9 +19,5 @@ export function BudgetListScreen() {
   const client = useQueryClient();
   const repository = new OpenAPIBudgetRepository(client);
   const budgetListUsecase = new BudgetListUsecase(repository);
-  return (
-    <BudgetListProvider usecase={budgetListUsecase}>
-      <BudgetListScreenView />
-    </BudgetListProvider>
-  );
+  return <BudgetListScreenView budgetListUsecase={budgetListUsecase} />;
 }

libs/ui/src/app/CategoryCreateScreen.tsx

@@ -1,18 +1,11 @@
 import { OpenAPICategoryRepository } from '../data';
 import { CategoryCreateUsecase } from '../domain';
-import {
-  CategoryCreateScreen as CategoryCreateScreenView,
-  CategoryCreateProvider,
-} from '../presentation';
+import { CategoryCreateScreen as CategoryCreateScreenView } from '../presentation';
 import { useQueryClient } from '@tanstack/react-query';
 
 export function CategoryCreateScreen() {
   const client = useQueryClient();
   const repository = new OpenAPICategoryRepository(client);
   const usecase = new CategoryCreateUsecase(repository);
-  return (
-    <CategoryCreateProvider usecase={usecase}>
-      <CategoryCreateScreenView />
-    </CategoryCreateProvider>
-  );
+  return <CategoryCreateScreenView categoryCreateUsecase={usecase} />;
 }

libs/ui/src/app/CategoryListScreen.tsx

@@ -2,11 +2,7 @@
 import { categoryList, categoryListQueryKey } from '../../../api-contract/src';
 import { OpenAPICategoryRepository } from '../data';
 import { CategoryListUsecase, CategoryDeleteUsecase } from '../domain';
-import {
-  CategoryListScreen as CategoryListScreenView,
-  CategoryDeleteProvider,
-  CategoryListProvider,
-} from '../presentation';
+import { CategoryListScreen as CategoryListScreenView } from '../presentation';
 import { dehydrate, QueryClient, useQueryClient } from '@tanstack/react-query';
 
 export async function getCategoryListScreenDehydratedState() {
@@ -24,10 +20,9 @@ export function CategoryListScreen() {
   const categoryListUsecase = new CategoryListUsecase(repository);
   const categoryDeleteUsecase = new CategoryDeleteUsecase(repository);
   return (
-    <CategoryListProvider usecase={categoryListUsecase}>
-      <CategoryDeleteProvider usecase={categoryDeleteUsecase}>
-        <CategoryListScreenView />
-      </CategoryDeleteProvider>
-    </CategoryListProvider>
+    <CategoryListScreenView
+      categoryDeleteUsecase={categoryDeleteUsecase}
+      categoryListUsecase={categoryListUsecase}
+    />
   );
 }

libs/ui/src/app/CategoryUpdateScreen.tsx

@@ -5,10 +5,7 @@ import {
 } from '../../../api-contract/src';
 import { OpenAPICategoryRepository } from '../data';
 import { CategoryUpdateUsecase } from '../domain';
-import {
-  CategoryUpdateProvider,
-  CategoryUpdateScreen as CategoryUpdateScreenView,
-} from '../presentation';
+import { CategoryUpdateScreen as CategoryUpdateScreenView } from '../presentation';
 import {
   dehydrate,
   DehydratedState,
@@ -45,9 +42,5 @@ export function CategoryUpdateScreen({
   const repository = new OpenAPICategoryRepository(client);
   repository.categoryByIdServerParams = categoryIdParam;
   const usecase = new CategoryUpdateUsecase(repository);
-  return (
-    <CategoryUpdateProvider usecase={usecase}>
-      <CategoryUpdateScreenView />
-    </CategoryUpdateProvider>
-  );
+  return <CategoryUpdateScreenView categoryUpdateUsecase={usecase} />;
 }

libs/ui/src/app/ExpenseCreateScreen.tsx

@@ -11,10 +11,7 @@ import {
   OpenAPIWalletRepository,
 } from '../data';
 import { ExpenseCreateUsecase } from '../domain';
-import {
-  ExpenseCreateProvider,
-  ExpenseCreateScreen as ExpenseCreateScreenView,
-} from '../presentation';
+import { ExpenseCreateScreen as ExpenseCreateScreenView } from '../presentation';
 import {
   dehydrate,
   DehydratedState,
@@ -48,9 +45,5 @@ export function ExpenseCreateScreen() {
     budgetRepository,
     walletRepository
   );
-  return (
-    <ExpenseCreateProvider usecase={usecase}>
-      <ExpenseCreateScreenView />
-    </ExpenseCreateProvider>
-  );
+  return <ExpenseCreateScreenView expenseCreateUsecase={usecase} />;
 }

libs/ui/src/app/ExpenseListScreen.tsx

@@ -2,11 +2,7 @@
 import { expenseList, expenseListQueryKey } from '../../../api-contract/src';
 import { OpenAPIExpenseRepository } from '../data';
 import { ExpenseListUsecase, ExpenseDeleteUsecase } from '../domain';
-import {
-  ExpenseListScreen as ExpenseListScreenView,
-  ExpenseDeleteProvider,
-  ExpenseListProvider,
-} from '../presentation';
+import { ExpenseListScreen as ExpenseListScreenView } from '../presentation';
 import { dehydrate, QueryClient, useQueryClient } from '@tanstack/react-query';
 
 export async function getExpenseListScreenDehydratedState() {
@@ -31,10 +27,9 @@ export function ExpenseListScreen() {
   const expenseListUsecase = new ExpenseListUsecase(repository);
   const expenseDeleteUsecase = new ExpenseDeleteUsecase(repository);
   return (
-    <ExpenseListProvider usecase={expenseListUsecase}>
-      <ExpenseDeleteProvider usecase={expenseDeleteUsecase}>
-        <ExpenseListScreenView />
-      </ExpenseDeleteProvider>
-    </ExpenseListProvider>
+    <ExpenseListScreenView
+      expenseDeleteUsecase={expenseDeleteUsecase}
+      expenseListUsecase={expenseListUsecase}
+    />
   );
 }

libs/ui/src/app/ExpenseUpdateScreen.tsx

@@ -14,10 +14,7 @@ import {
   OpenAPIWalletRepository,
 } from '../data';
 import { ExpenseUpdateUsecase } from '../domain';
-import {
-  ExpenseUpdateProvider,
-  ExpenseUpdateScreen as ExpenseUpdateScreenView,
-} from '../presentation';
+import { ExpenseUpdateScreen as ExpenseUpdateScreenView } from '../presentation';
 import {
   dehydrate,
   DehydratedState,
@@ -68,9 +65,5 @@ export function ExpenseUpdateScreen({ expenseId }: ExpenseUpdateScreenProps) {
     budgetRepository,
     walletRepository
   );
-  return (
-    <ExpenseUpdateProvider usecase={usecase}>
-      <ExpenseUpdateScreenView />
-    </ExpenseUpdateProvider>
-  );
+  return <ExpenseUpdateScreenView expenseUpdateUsecase={usecase} />;
 }

libs/ui/src/app/MaterialCreateScreen.tsx

@@ -1,18 +1,11 @@
 import { OpenAPIMaterialRepository } from '../data';
 import { MaterialCreateUsecase } from '../domain';
-import {
-  MaterialCreateProvider,
-  MaterialCreateScreen as MaterialCreateScreenView,
-} from '../presentation';
+import { MaterialCreateScreen as MaterialCreateScreenView } from '../presentation';
 import { useQueryClient } from '@tanstack/react-query';
 
 export function MaterialCreateScreen() {
   const client = useQueryClient();
   const repository = new OpenAPIMaterialRepository(client);
   const usecase = new MaterialCreateUsecase(repository);
-  return (
-    <MaterialCreateProvider usecase={usecase}>
-      <MaterialCreateScreenView />
-    </MaterialCreateProvider>
-  );
+  return <MaterialCreateScreenView materialCreateUsecase={usecase} />;
 }

libs/ui/src/app/MaterialListScreen.tsx

@@ -2,11 +2,7 @@
 import { materialList, materialListQueryKey } from '../../../api-contract/src';
 import { OpenAPIMaterialRepository } from '../data';
 import { MaterialListUsecase, MaterialDeleteUsecase } from '../domain';
-import {
-  MaterialListScreen as MaterialListScreenView,
-  MaterialDeleteProvider,
-  MaterialListProvider,
-} from '../presentation';
+import { MaterialListScreen as MaterialListScreenView } from '../presentation';
 import { dehydrate, QueryClient, useQueryClient } from '@tanstack/react-query';
 
 export async function getMaterialListScreenDehydratedState() {
@@ -38,10 +34,9 @@ export function MaterialListScreen() {
   const materialListUsecase = new MaterialListUsecase(repository);
   const materialDeleteUsecase = new MaterialDeleteUsecase(repository);
   return (
-    <MaterialListProvider usecase={materialListUsecase}>
-      <MaterialDeleteProvider usecase={materialDeleteUsecase}>
-        <MaterialListScreenView />
-      </MaterialDeleteProvider>
-    </MaterialListProvider>
+    <MaterialListScreenView
+      materialDeleteUsecase={materialDeleteUsecase}
+      materialListUsecase={materialListUsecase}
+    />
   );
 }

libs/ui/src/app/MaterialUpdateScreen.tsx

@@ -6,10 +6,7 @@ import {
 } from '../../../api-contract/src';
 import { OpenAPIMaterialRepository } from '../data';
 import { MaterialUpdateUsecase } from '../domain';
-import {
-  MaterialUpdateProvider,
-  MaterialUpdateScreen as MaterialUpdateScreenView,
-} from '../presentation';
+import { MaterialUpdateScreen as MaterialUpdateScreenView } from '../presentation';
 import {
   dehydrate,
   DehydratedState,
@@ -45,9 +42,5 @@ export function MaterialUpdateScreen({
   const repository = new OpenAPIMaterialRepository(client);
   repository.materialByIdServerParams = materialIdParam;
   const usecase = new MaterialUpdateUsecase(repository);
-  return (
-    <MaterialUpdateProvider usecase={usecase}>
-      <MaterialUpdateScreenView />
-    </MaterialUpdateProvider>
-  );
+  return <MaterialUpdateScreenView materialUpdateUsecase={usecase} />;
 }