refactor

src/store/meal/actions.ts

@@ -1,2 +0,0 @@
-export type Action = { type: "fetchMeal" | "fetchRandomMeal" | "toggleFav" };
-export type Dispatch = (action: Action) => void;

src/store/meal/index.tsx

@@ -2,18 +2,12 @@
 
 import { createContext, FC, useContext, useReducer } from "react";
 import { MealApi } from "../../types/meal";
-import { Dispatch } from "./actions";
+import { appReducer, Dispatch } from "./reducer";
-import { appReducer } from "./reducer";
-
-const AppContext = createContext<
-  | {
-      state: AppState;
-      dispatch: Dispatch;
-    }
-  | undefined
->(undefined);
 
 export type AppState = { meals: MealApi[] };
+type ContextType = { state: AppState; dispatch: Dispatch } | undefined;
+
+const AppContext = createContext<ContextType>(undefined);
 
 export const useMeal = () => {
   const context = useContext(AppContext);

src/store/meal/reducer.ts

@@ -1,4 +1,3 @@
-import { Action } from "./actions";
 import { AppState } from "./index";
 
 export const appReducer = (state: AppState, action: Action) => {
@@ -14,3 +13,6 @@ export const appReducer = (state: AppState, action: Action) => {
     }
   }
 };
+
+export type Action = { type: "fetchMeal" | "fetchRandomMeal" | "toggleFav" };
+export type Dispatch = (action: Action) => void;