added api calls in lib folder

ShivaBhattacharjee · Aug 27, 2023 · fbd2ccd · fbd2ccd
1 parent 8473dc1
commit fbd2ccd
Show file tree

Hide file tree

Showing 13 changed files with 110 additions and 125 deletions.
diff --git a/src/app/details/[animeId]/page.tsx b/src/app/details/[animeId]/page.tsx
@@ -11,21 +11,12 @@ import EpisodeLoading from '@/components/loading/EpisodeLoading';
 import RelationLoading from '@/components/loading/RelationLoading';
 import CharactersLoading from '@/components/loading/CharactersLoading';
 import RecommendedLoading from '@/components/loading/RecommendedLoading';
+import { getAnimeDetails } from '@/lib/GetAnime';
 export default async function page({ params }: {
   params:
   { animeId: number }
 }) {
-  const getAnimeDetails = async () => {
-    try {
-      const response = await fetch(`https://animetrix-api.vercel.app/meta/anilist/info/${params.animeId}`);
-      const data = await response.json();
-      return data;
-    } catch (error) {
-      console.error("Error fetching details:", error);
-      return [];
-    }
-  };
-  const details = await getAnimeDetails()
+  const details = await getAnimeDetails(params.animeId)
 
   if (Object.keys(details).length === 0 || !details.title) {
     return (

diff --git a/src/app/movie/page.tsx b/src/app/movie/page.tsx
@@ -1,17 +1,7 @@
 import ServerError from '@/components/error/ServerError';
 import VerticalCards from '@/components/shared/cards/VerticalCards';
-import AnimeApi from '@/lib/animeapi/animetrixapi';
 import React from 'react'
-const getAnimeMovies = async () => {
-  try {
-    const response = await fetch(`${AnimeApi}/MOVIE?perPage=24`);
-    const data = await response.json();
-    return data.results;
-  } catch (error) {
-    console.error("Error fetching trending anime:", error);
-    return [];
-  }
-};
+import { getAnimeMovies } from '@/lib/GetAnime';
 export default async function page() {
   const Movies = await getAnimeMovies()
   return (

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -8,27 +8,7 @@ import UpcomingSeason from '@/components/shared/upcomingSeason/UpcomingSeason';
 import { RandomAnimeCard } from "@/components/shared/RandomAnimeCard"
 import { UpcomingSeasonLoading } from '@/components/loading/UpcomingSeasonLoading';
 import RandomAnimeLoading from '@/components/loading/RandomAnimeLoading';
-import AnimeApi from '@/lib/animeapi/animetrixapi';
-const getTrendingAnime = async () => {
-  try {
-    const response = await fetch(`${AnimeApi}/trending?perPage=20`);
-    const data = await response.json();
-    return data.results;
-  } catch (error) {
-    console.error("Error fetching trending anime:", error);
-    return [];
-  }
-};
-const getPopularAnime = async () => {
-  try {
-    const response = await fetch(`${AnimeApi}/popular?perPage=20`);
-    const data = await response.json();
-    return data.results;
-  } catch (error) {
-    console.error("Error fetching popular anime:", error);
-    return [];
-  }
-};
+import { getTrendingAnime, getPopularAnime } from '@/lib/GetAnime';
 
 export default async function page() {
   const Trending = await getTrendingAnime()

diff --git a/src/app/popular/page.tsx b/src/app/popular/page.tsx
@@ -1,17 +1,7 @@
 import ServerError from '@/components/error/ServerError';
 import VerticalCards from '@/components/shared/cards/VerticalCards';
-import AnimeApi from '@/lib/animeapi/animetrixapi';
 import React from 'react'
-const getPopularAnime = async () => {
-  try {
-    const response = await fetch(`${AnimeApi}/popular?perPage=24`);
-    const data = await response.json();
-    return data.results;
-  } catch (error) {
-    console.error("Error fetching trending anime:", error);
-    return [];
-  }
-};
+import { getPopularAnime } from '@/lib/GetAnime';
 export default async function page() {
   const Popular = await getPopularAnime()
   return (

diff --git a/src/app/trending/page.tsx b/src/app/trending/page.tsx
@@ -1,16 +1,7 @@
 import ServerError from '@/components/error/ServerError';
 import VerticalCards from '@/components/shared/cards/VerticalCards';
 import React from 'react'
-const getTrendingAnime = async () => {
-  try {
-    const response = await fetch("https://animetrix-api.vercel.app/meta/anilist/trending?perPage=24");
-    const data = await response.json();
-    return data.results;
-  } catch (error) {
-    console.error("Error fetching trending anime:", error);
-    return [];
-  }
-};
+import { getTrendingAnime } from '@/lib/GetAnime';
 export default async function page() {
   const trending = await getTrendingAnime()
   return (

diff --git a/src/components/shared/RandomAnimeCard.tsx b/src/components/shared/RandomAnimeCard.tsx
@@ -1,20 +1,8 @@
 import React from 'react';
 import ReloadFunc from '../error/ReloadFunc';
 import Link from 'next/link';
-import AnimeApi from '@/lib/animeapi/animetrixapi';
-const getRandomAnime = async () => {
-    try {
-        const response = await fetch(`${AnimeApi}/random-anime`, {
-            cache: "no-store"
-        });
-
-        const data = await response.json();
-        return data;
-    } catch (error) {
-        console.error("Error fetching random anime:", error);
-        return null;
-    }
-};
+import { getRandomAnime } from '@/lib/GetAnime';
+getRandomAnime
 
 export async function RandomAnimeCard() {
     const randomAnime = await getRandomAnime();

diff --git a/src/components/shared/RecommendedAnime.tsx b/src/components/shared/RecommendedAnime.tsx
@@ -1,24 +1,15 @@
 import React from 'react'
 import Cards from './cards/Cards';
 import ContentNotFound from '../error/Contentnotfound';
+import { getAnimeDetails } from '@/lib/GetAnime';
 export async function RecommendedAnime({ episode }: { episode: number }) {
-    const getAnimeDetails = async () => {
-        try {
-            const response = await fetch(`https://animetrix-api.vercel.app/meta/anilist/info/${episode}`);
-            const data = await response.json();
-            return data.recommendations;
-        } catch (error) {
-            console.error("Error fetching details:", error);
-            return [];
-        }
-    };
-    const details = await getAnimeDetails()
+    const details = await getAnimeDetails(episode)
     return (
         <>
-            {details.length > 0 ? (
+            {details.recommendations.length > 0 ? (
                 <>
                     <h1 className=' text-4xl font-semibold'>Recommended</h1>
-                    <Cards props={details} /></>
+                    <Cards props={details.recommendations} /></>
             ) : (
                 <ContentNotFound message='recommendations' />
             )}

diff --git a/src/components/shared/airingschedule/AiringSchedule.tsx b/src/components/shared/airingschedule/AiringSchedule.tsx
@@ -1,17 +1,6 @@
 import React from 'react';
 import AiringScheduleCard from './AiringScheduleCard';
-
-const getAiringSchedule = async () => {
-    try {
-        const response = await fetch(`https://api.anify.tv/schedule?apikey=${process.env.NEXT_PUBLIC_ANIFY_KEY}`, {
-            cache: 'no-cache'
-        });
-        return response.json();
-    } catch (error) {
-        console.error("Error getting airing list: ", error);
-        return [];
-    }
-}
+import { getAiringSchedule } from '@/lib/GetAnime';
 
 export default async function AiringSchedule() {
     const Airing = await getAiringSchedule();

diff --git a/src/components/shared/airingschedule/AiringScheduleCard.tsx b/src/components/shared/airingschedule/AiringScheduleCard.tsx
@@ -59,9 +59,11 @@ const AiringScheduleCard: React.FC<AiringScheduleCardProps> = ({ airingData }) =
             <div className="bg-white/10 h-auto max-h-[400px] md:max-h-[600px] w-full rounded-lg mt-5 overflow-y-auto">
                 <div className="flex flex-col gap-3">
                     <div className='p-4'>
-                        <div className='flex flex-col gap-3'>
+                        <div className='flex flex-col gap-3 '>
                             {animeForCurrentDay === undefined ? (
-                                <ReloadFunc message={`Oops! No schedule found for ${currentDay}`} />
+                                <div className='flex justify-center items-center text-center'>
+                                    <ReloadFunc message={`Oops! No schedule found for ${currentDay}`} />
+                                </div>
                             ) : (
                                 animeForCurrentDay?.map((anime: Anime) => (
                                     <div className='flex justify-between items-center' key={anime.id}>

diff --git a/src/components/shared/upcomingSeason/UpcomingSeason.tsx b/src/components/shared/upcomingSeason/UpcomingSeason.tsx
@@ -1,25 +1,10 @@
 import React from 'react';
 import UpcomingSeasonCard from './UpcomingSeasonCard';
-import Anime from '@/types/animetypes';
-import AnimeApi from '@/lib/animeapi/animetrixapi';
-const getCurrentYear = () => {
-    return new Date().getFullYear();
-};
-
-const getAnimeData = async (season: string): Promise<Anime[]> => {
-    try {
-        const response = await fetch(`${AnimeApi}/advanced-search?season=${season}&&year=${getCurrentYear()}`);
-        const data = await response.json();
-        return data.results;
-    } catch (error) {
-        console.error("Error fetching recent anime:", error);
-        return [];
-    }
-};
+import { getUpcomingData, getCurrentYear } from '@/lib/GetAnime';
 
 export default async function UpcomingSeason() {
     const seasons = ['FALL', 'SUMMER', 'WINTER', 'SPRING'];
-    const animeDataPromises = seasons.map(season => getAnimeData(season));
+    const animeDataPromises = seasons.map(season => getUpcomingData(season));
     const animeDataResults = await Promise.all(animeDataPromises);
 
     return (

diff --git a/src/lib/GetAnime.ts b/src/lib/GetAnime.ts
@@ -0,0 +1,89 @@
+import { AnifyApi, AnimeApi } from "./animeapi/animetrixapi";
+// trending anime
+export const getTrendingAnime = async () => {
+    try {
+        const response = await fetch(`${AnimeApi}/trending?perPage=20`);
+        const data = await response.json();
+        return data.results;
+    } catch (error) {
+        console.error("Error fetching trending anime:", error);
+        return [];
+    }
+};
+// popular anime
+export const getPopularAnime = async () => {
+    try {
+        const response = await fetch(`${AnimeApi}/popular?perPage=20`);
+        const data = await response.json();
+        return data.results;
+    } catch (error) {
+        console.error("Error fetching popular anime:", error);
+        return [];
+    }
+};
+// get anime movies
+export const getAnimeMovies = async () => {
+    try {
+        const response = await fetch(`${AnimeApi}/MOVIE?perPage=24`);
+        const data = await response.json();
+        return data.results;
+    } catch (error) {
+        console.error("Error fetching anime movies:", error);
+        return [];
+    }
+};
+
+// get random anime
+export const getRandomAnime = async () => {
+    try {
+        const response = await fetch(`${AnimeApi}/random-anime`, {
+            cache: "no-store"
+        });
+
+        const data = await response.json();
+        return data;
+    } catch (error) {
+        console.error("Error fetching random anime:", error);
+        return null;
+    }
+};
+
+// get airing schedule
+export const getAiringSchedule = async () => {
+    try {
+        const response = await fetch(`${AnifyApi}/schedule?apikey=${process.env.NEXT_PUBLIC_ANIFY_KEY}`, {
+            cache: 'no-cache'
+        });
+        return response.json();
+    } catch (error) {
+        console.error("Error getting airing list: ", error);
+        return [];
+    }
+}
+// upcoming seasons
+export const getCurrentYear = () => {
+    return new Date().getFullYear();
+};
+
+export const getUpcomingData = async (season: string) => {
+    try {
+        const response = await fetch(`${AnimeApi}/advanced-search?season=${season}&&year=${getCurrentYear()}`);
+        const data = await response.json();
+        return data.results;
+    } catch (error) {
+        console.error("Error fetching upcoming seasons:", error);
+        return [];
+    }
+};
+// get anime details
+export const getAnimeDetails = async (animeid: number) => {
+    try {
+        const response = await fetch(`${AnimeApi}/info/${animeid}`);
+        const data = await response.json();
+        return data;
+    } catch (error) {
+        console.error("Error fetching details:", error);
+        return [];
+    }
+};
+
diff --git a/src/lib/GetPopularAnime.ts b/src/lib/GetPopularAnime.ts
diff --git a/src/lib/animeapi/animetrixapi.ts b/src/lib/animeapi/animetrixapi.ts
@@ -1,2 +1,2 @@
-const AnimeApi = `https://animetrix-api.vercel.app/meta/anilist`
-export default AnimeApi
+export const AnimeApi = `https://animetrix-api.vercel.app/meta/anilist`
+export const AnifyApi = `https://api.anify.tv`