refactor: modify to use uncached api and remove unused styles

woowacourse · Aug 24, 2023 · cf16a0c · cf16a0c
1 parent 7699998
commit cf16a0c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 23 deletions.
diff --git a/src/apis/gifAPIService.ts b/src/apis/gifAPIService.ts
@@ -1,4 +1,4 @@
-import { GifsResult, GiphyFetch, SearchOptions, TrendingOptions } from '@giphy/js-fetch-api';
+import { GifsResult, GiphyFetch, SearchOptions } from '@giphy/js-fetch-api';
 import { IGif } from '@giphy/js-types';
 
 import { GifImageModel } from '../models/image/gifImage';
@@ -7,6 +7,7 @@ const apiKey = process.env.GIPHY_API_KEY || '';
 const gf = new GiphyFetch(apiKey);
 
 const DEFAULT_FETCH_COUNT = 16;
+const TRENDING_GIF_API = `https://api.giphy.com/v1/gifs/trending?api_key=${process.env.GIPHY_API_KEY}&limit=${DEFAULT_FETCH_COUNT}&rating=g`;
 
 function convertResponseToModel(gifList: IGif[]): GifImageModel[] {
   return gifList.map((gif) => {
@@ -27,13 +28,8 @@ export const gifAPIService = {
    * @ref https://developers.giphy.com/docs/api/endpoint#!/gifs/trending
    */
   getTrending: async function (): Promise<GifImageModel[]> {
-    const trendingOptions: TrendingOptions = {
-      limit: DEFAULT_FETCH_COUNT,
-      rating: 'g'
-    };
-
     try {
-      const gifs: GifsResult = await gf.trending(trendingOptions);
+      const gifs: GifsResult = await fetch(TRENDING_GIF_API).then((res) => res.json());
       return convertResponseToModel(gifs.data);
     } catch (e) {
       return [];

diff --git a/src/components/NavBar/NavBar.module.css b/src/components/NavBar/NavBar.module.css
@@ -51,19 +51,3 @@
     rgba(233, 97, 195, 0.77) 57.81%
   );
 }
-
-/* @media all and (max-width:424px) {
-    .header {
-        padding: 0 1rem;
-        height: 4.5rem;
-    }
-
-    .logo {
-        font-size: 1.5rem;
-    }
-
-    .searchPageButton {
-        font-size: 1.5rem;
-        height: 2.5rem;
-    }
-} */