From bae1f53877c3447d3ba940f823e5a8a097f5b22c Mon Sep 17 00:00:00 2001 From: Factiven Date: Wed, 9 Aug 2023 15:11:53 +0700 Subject: Update v3.9.0 - Merged Beta to Main (#41) * initial commit * Update_v.3.6.7-beta-v1.2 * Update_v.3.6.7-beta-v1.3 * Update_v.3.6.7-beta-v1.3 > update API * Fixed mediaList won't update * added .env disqus shortname * Update_v3.6.7-beta-v1.4 >Implementing database * Create main.yml * Update v3.6.7-beta-v1.5 small patch * title home page * Update content.js * Delete db-test.js * Update content.js * Update home page card * Update v3.7.0 * Update v3.7.1-beta > migrating backend to main code > fixed schedule component * Update v3.8.0 > Added dub options > Moved schedule backend * Update v.3.8.1 > Fixed episodes on watch page isn't dubbed * Update v3.8.1-patch-1 * Update v3.8.1-patch-2 > Another patch for dub * Update v3.8.2 > Removed prisma configuration for database since it's not stable yet * Update v3.8.3 > Fixed different provider have same id * Update v.3.8.3 > Fixed player bug where the controls won't hide after updating anilist progress * Update v3.8.4-patch-2 * Update v3.8.5 > Update readme.md > Update .env.example * Update next.config.js * small adjusment info page * Update v3.8.6 > Minor update for Android 13 user * Update v3.8.7 > Added prev and next button to mediaSession * Update v3.8.7-beta-v2 * Beta v2 (#37) * Update schema.prisma * Update schema.prisma * Update schema.prisma * Update 3.9.0-beta-v2.1 > Implemented database for storing user Watch List and settings > Added buttons to auto-play next episodes * Update v3.9.0-beta-v2.2 * Update README.md --------- Co-authored-by: Chitraksh Maheshwari <68012660+chitrakshbotwala@users.noreply.github.com> --- pages/en/index.js | 159 +++++++++++++++++++++++++++++++++++++++++------------- 1 file changed, 121 insertions(+), 38 deletions(-) (limited to 'pages/en/index.js') diff --git a/pages/en/index.js b/pages/en/index.js index 35de96d..c3a98fc 100644 --- a/pages/en/index.js +++ b/pages/en/index.js @@ -21,17 +21,40 @@ import { useCountdown } from "../../utils/useCountdownSeconds"; import Navigasi from "../../components/home/staticNav"; import MobileNav from "../../components/home/mobileNav"; import axios from "axios"; +import { createUser } from "../../prisma/user"; -// Filter schedules for each day -// const filterByCountryOfOrigin = (schedule, country) => { -// const filteredSchedule = {}; -// for (const day in schedule) { -// filteredSchedule[day] = schedule[day].filter( -// (anime) => anime.countryOfOrigin === country -// ); -// } -// return filteredSchedule; -// }; +import { checkAdBlock } from "adblock-checker"; +import { ToastContainer, toast } from "react-toastify"; + +export async function getServerSideProps(context) { + const session = await getServerSession(context.req, context.res, authOptions); + + if (session) { + await createUser(session.user.name); + } + + const trendingDetail = await aniListData({ + sort: "TRENDING_DESC", + page: 1, + }); + const popularDetail = await aniListData({ + sort: "POPULARITY_DESC", + page: 1, + }); + const genreDetail = await aniListData({ sort: "TYPE", page: 1 }); + + const upComing = await getUpcomingAnime(); + + return { + props: { + genre: genreDetail.props, + detail: trendingDetail.props, + populars: popularDetail.props, + sessions: session, + upComing, + }, + }; +} export default function Home({ detail, populars, sessions, upComing }) { const { media: current } = useAniList(sessions, { stats: "CURRENT" }); @@ -42,6 +65,27 @@ export default function Home({ detail, populars, sessions, upComing }) { const [anime, setAnime] = useState([]); + useEffect(() => { + async function adBlock() { + const ad = await checkAdBlock(); + if (ad) { + toast.dark( + "Please disable your adblock for better experience, we don't have any ads on our site.", + { + position: "top-center", + autoClose: false, + hideProgressBar: true, + closeOnClick: true, + pauseOnHover: true, + draggable: true, + theme: "dark", + } + ); + } + } + adBlock(); + }, []); + const update = () => { setAnime((prevAnime) => prevAnime.slice(1)); }; @@ -89,12 +133,52 @@ export default function Home({ detail, populars, sessions, upComing }) { const [list, setList] = useState(null); const [planned, setPlanned] = useState(null); const [greeting, setGreeting] = useState(""); + const [user, setUser] = useState(null); + + // console.log({ user }); const [prog, setProg] = useState(null); const popular = populars?.data; const data = detail.data[0]; + useEffect(() => { + async function userData() { + let data; + if (sessions?.user?.name) { + data = await fetch( + `/api/user/profile?name=${sessions?.user?.name}` + ).then((res) => { + if (!res.ok) { + switch (res.status) { + case 404: { + return console.log("user not found"); + } + case 500: { + return console.log("server error"); + } + } + } + return res.json(); + }); + } + if (!data) { + const dat = JSON.parse(localStorage.getItem("artplayer_settings")); + if (dat) { + const arr = Object.keys(dat).map((key) => dat[key]); + const newFirst = arr?.sort((a, b) => { + return new Date(b?.createdAt) - new Date(a?.createdAt); + }); + setUser(newFirst); + } + } else { + setUser(data?.WatchListEpisode); + } + // const data = await res.json(); + } + userData(); + }, [sessions?.user?.name]); + useEffect(() => { const time = new Date().getHours(); let greeting = ""; @@ -112,7 +196,8 @@ export default function Home({ detail, populars, sessions, upComing }) { setGreeting(greeting); async function userData() { - if (!sessions) return; + if (!sessions?.user?.name) return; + const getMedia = current.filter((item) => item.status === "CURRENT")[0] || null; const list = getMedia?.entries @@ -131,7 +216,8 @@ export default function Home({ detail, populars, sessions, upComing }) { } } userData(); - }, [sessions, current, plan]); + }, [sessions?.user?.name, current, plan]); + return ( <> @@ -158,6 +244,13 @@ export default function Home({ detail, populars, sessions, upComing }) {
+ + {/* PC / TABLET */}
@@ -228,6 +321,22 @@ export default function Home({ detail, populars, sessions, upComing }) { animate={{ opacity: 1 }} transition={{ duration: 0.5, staggerChildren: 0.2 }} // Add staggerChildren prop > + {user?.length > 0 && ( + + + + )} + {sessions && releaseData?.length > 0 && ( ); } - -export async function getServerSideProps(context) { - const session = await getServerSession(context.req, context.res, authOptions); - - const trendingDetail = await aniListData({ - sort: "TRENDING_DESC", - page: 1, - }); - const popularDetail = await aniListData({ - sort: "POPULARITY_DESC", - page: 1, - }); - const genreDetail = await aniListData({ sort: "TYPE", page: 1 }); - - const upComing = await getUpcomingAnime(); - - return { - props: { - genre: genreDetail.props, - detail: trendingDetail.props, - populars: popularDetail.props, - sessions: session, - upComing, - }, - }; -} -- cgit v1.2.3