import React from âreactâ;
import { Link } from âreact-router-domâ;
import { useEffect } from âreactâ;
import â./Home.cssâ;
import { Logo } from ââŚ/images/Netflixâ;
import { ConnectButton, Icon, TabList, Tab, Button, Modal, useNotification } from âweb3uikitâ;
import { movies } from ââŚ/helpers/libraryâ;
import { useState } from âreactâ;
import { useMoralis } from âreact-moralisâ;
const Home = () => {
const { isAuthenticated, Moralis, account } = useMoralis();
const [visible, setVisible] = useState(false);
const [selectedFilm, setSelectedFilm] = useState();
const [myMovies, setMyMovies] = useState();
const dispatch = useNotification();
useEffect(() => {
async function fetchMyList() {
try {
const theList = await Moralis.Cloud.run("getMyList", { addrs: account });
const filterdA = movies.filter(function (e) {
return theList.indexOf(e.Name) > -1;
});
setMyMovies(filterdA);
} catch (error) {
console.error(error)
}
}
fetchMyList();
}, [account]);
const handleNewNotification = () => {
dispatch({
type: âerrorâ,
message: âPlease Connect Your Walletâ,
title: âNot Authenticatedâ,
position: âbottomRâ
})
}