tmdb-app-react-native/Context.js at master · baonguyen2002/tmdb-app-react-native · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
import React, { createContext, useState, useEffect } from "react";
import {
  fetchActor,
  fetchFavMovieGenre,
  fetchFavTvGenre,
  fetchFlaggedMovie,
  fetchFlaggedTv,
} from "./Database";
export const Context = createContext();

export const ContextProvider = ({ children }) => {
  const [sessionId, setSessionId] = useState("");

  const [requestToken, setRequestToken] = useState("");
  const [approved, setApproved] = useState(false);
  const [accountDetail, setAccountDetail] = useState("");
  const [isResultChanged, setIsResultChanged] = useState(false);
  const [favActorList, setFavActorList] = useState([]);
  const [favMovieGenreList, setFavMovieGenreList] = useState([]);
  const [favTvGenreList, setFavTvGenreList] = useState([]);
  const [flaggedMovieList, setFlaggedMovieList] = useState([]);
  const [flaggedTvList, setFlaggedTvList] = useState([]);
  useEffect(() => {
    const fetchActorsFromDatabase = async () => {
      try {
        const actorsListFromDB = await fetchActor();

        setFavActorList(actorsListFromDB);
        console.log("fetched actor: ", actorsListFromDB);
      } catch (error) {
        console.log("Error fetching actors list:", error);
      }
    };
    // const fetchFlaggedTvFromDatabase = async () => {
    //   try {
    //     const flaggedTvListFromDB = await fetchFlaggedTv();

    //     setFlaggedTvList(flaggedTvListFromDB);
    //     console.log("fetched flaggedTv: ", flaggedTvListFromDB);
    //   } catch (error) {
    //     console.log("Error fetching flaggedTvlist:", error);
    //   }
    // };
    const fetchFavMovieGenreFromDatabase = async () => {
      try {
        const movieGenreListFromDB = await fetchFavMovieGenre();

        setFavMovieGenreList(movieGenreListFromDB);
        console.log("fetched favMovieGenre: ", movieGenreListFromDB);
      } catch (error) {
        console.log("Error fetching favMovieGenre list:", error);
      }
    };
    // const fetchFlaggedMovieFromDatabase = async () => {
    //   try {
    //     const flaggedMovieListFromDB = await fetchFlaggedMovie();

    //     setFlaggedMovieList(flaggedMovieListFromDB);
    //     console.log("fetched flaggedMovie: ", flaggedMovieListFromDB);
    //   } catch (error) {
    //     console.log("Error fetching actors list:", error);
    //   }
    // };
    const fetchFavTvGenreFromDatabase = async () => {
      try {
        const tvGenreListFromDB = await fetchFavTvGenre();

        setFavTvGenreList(tvGenreListFromDB);
        console.log("fetched favTvGenre: ", tvGenreListFromDB);
      } catch (error) {
        console.log("Error fetching favTvGenre list:", error);
      }
    };
    // fetchActorsFromDatabase();
    // fetchFavMovieGenreFromDatabase();
    // fetchFavTvGenreFromDatabase();
    // fetchFlaggedMovieFromDatabase();
    // fetchFlaggedTvFromDatabase();
  }, []);
  // useEffect(() => {
  //   "changed";
  // }, [favMovieGenreList, favTvGenreList]);
  return (
    <Context.Provider
      value={{
        sessionId,
        setSessionId,
        requestToken,
        setRequestToken,
        approved,
        setApproved,
        accountDetail,
        setAccountDetail,
        isResultChanged,
        setIsResultChanged,
        flaggedTvList,
        setFlaggedTvList,
        flaggedMovieList,
        setFlaggedMovieList,
        favMovieGenreList,
        setFavMovieGenreList,
        favTvGenreList,
        setFavTvGenreList,
        favActorList,
        setFavActorList,
      }}
    >
      {children}
    </Context.Provider>
  );
};