Skip to content

Commit

Permalink
bug: config files api keys fixed and movies keys duplicate issues solved
Browse files Browse the repository at this point in the history
  • Loading branch information
@earthwebdev
earthwebdev committed Jun 12, 2023
1 parent a19e78e commit cc7dbf8
Show file tree
Hide file tree
Showing 4 changed files with 16 additions and 14 deletions.
2 changes: 1 addition & 1 deletion components/MovieCard.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ import { Button } from 'react-bootstrap';
const MovieCard = ({id, title, poster, releaseYear, rating, index}: MovieCardInterface) => {
//console.log(id, 'ids ');
return (
<div className='col-3 mb-2'>
<div key={`movies_${id}_${index}`} className='col-3 mb-2'>
{poster != '' ?<Link href={ `/movies/${id}` } className='w-100'><img className='w-full img-fluid' alt={title} src={poster} /></Link>:''}
<div className='px-6 py-4 text-white'>
<div className='font-bold text-xl mb-2'>{title.length > 25? title.trim().slice(0,25) + '...' : title}</div>
Expand Down
1 change: 1 addition & 0 deletions env.example
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
NEXT_PUBLIC_API_KEY='Your Api Keys'
1 change: 1 addition & 0 deletions pages/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ import { Spinner } from "react-bootstrap";

export default function Home() {
const [isPageLoading, setIsPageLoading] = useState(true);

return (
<>
<RootLayouts>
Expand Down
26 changes: 13 additions & 13 deletions services/axios.service.ts
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import axios from "axios";

const APIKEY = process.env.NEXT_PUBLIC_API_KEY;
const API_KEY = process.env.NEXT_PUBLIC_API_KEY;

export const fetchTrendingMovies = async () => {
try {
const resp = await axios.get('https://api.themoviedb.org/3/trending/movie/day?language=en-US&sort_by=release_date&sort_order=desc&api_key='+APIKEY);
const resp = await axios.get('https://api.themoviedb.org/3/trending/movie/day?language=en-US&sort_by=release_date&sort_order=desc&api_key='+API_KEY);
//console.log('trending',resp.data);
//setTrendingMovies(resp.data.results);
return resp.data;
Expand All @@ -17,7 +17,7 @@ export const fetchTrendingMovies = async () => {

export const fetchPopularPeoples =async (page = 1) => {
try {
const resp = await axios.get('https://api.themoviedb.org/3/person/popular?language=en-US&page=1&api_key='+APIKEY+'&page='+page);
const resp = await axios.get('https://api.themoviedb.org/3/person/popular?language=en-US&page=1&api_key='+API_KEY+'&page='+page);
//console.log(resp);
//dispatch(setStateMovies(resp.data.results));
return resp.data;
Expand All @@ -30,7 +30,7 @@ export const fetchTrendingMovies = async () => {

export const fetchGenreMoviesList =async () => {
try {
const resp = await axios.get('https://api.themoviedb.org/3/genre/movie/list?language=en&api_key='+APIKEY);
const resp = await axios.get('https://api.themoviedb.org/3/genre/movie/list?language=en&api_key='+API_KEY);
//console.log(resp.data);
//dispatch(setStateMovies(resp.data.results));
return resp.data;
Expand All @@ -43,7 +43,7 @@ export const fetchTrendingMovies = async () => {

export const fetchMoviesDataBySearch = async( props: any) => {
const { genreId, searchKeyword, sortFiltervalue, page} = props;
let url = 'https://api.themoviedb.org/3/discover/movie?api_key='+APIKEY+'&include_adult=false';
let url = 'https://api.themoviedb.org/3/discover/movie?api_key='+API_KEY+'&include_adult=false';
url += genreId && genreId > 0 ? '&with_genres=' + genreId : '';
url += searchKeyword && searchKeyword != '' ? '&with_keywords=' + searchKeyword : '';
url += sortFiltervalue && sortFiltervalue != '' ? '&sort_by=' + sortFiltervalue : '';
Expand All @@ -66,7 +66,7 @@ export const fetchMoviesByParamsData = async(props: any) => {
let loaddatapage = props.loaddatapage;
loaddatapage = loaddatapage ? loaddatapage: 1;
try {
const resp = await axios.get('https://api.themoviedb.org/3/movie/'+fetchType+'?api_key='+APIKEY+'&language=en-US&page='+loaddatapage);
const resp = await axios.get('https://api.themoviedb.org/3/movie/'+fetchType+'?api_key='+API_KEY+'&language=en-US&page='+loaddatapage);
//console.log(resp);
//dispatch(setStateMovies(resp.data.results));
return resp.data;
Expand All @@ -89,9 +89,9 @@ export const fetchMoviesDetailsByParamsData = async(props: any) => {
let loaddatapage = props.loaddatapage;
loaddatapage = loaddatapage ? loaddatapage: 1;
try {
//console.log(`https://api.themoviedb.org/3/movie/${id}${fetchType}?api_key=${APIKEY}&language=en-US&page=${loaddatapage}`);
//const resp = await axios.get('https://api.themoviedb.org/3/movie/'+id+ { fetchType != '' ? '/'+ fetchType:''} +'?api_key='+APIKEY+'&language=en-US&page='+loaddatapage);
const resp = await axios.get(`https://api.themoviedb.org/3/movie/${id}${fetchType}?api_key=${APIKEY}&language=en-US&page=${loaddatapage}`);
//console.log(`https://api.themoviedb.org/3/movie/${id}${fetchType}?api_key=${API_KEY}&language=en-US&page=${loaddatapage}`);
//const resp = await axios.get('https://api.themoviedb.org/3/movie/'+id+ { fetchType != '' ? '/'+ fetchType:''} +'?api_key='+API_KEY+'&language=en-US&page='+loaddatapage);
const resp = await axios.get(`https://api.themoviedb.org/3/movie/${id}${fetchType}?api_key=${API_KEY}&language=en-US&page=${loaddatapage}`);
//console.log(resp);
//dispatch(setStateMovies(resp.data.results));
return resp.data;
Expand All @@ -116,7 +116,7 @@ export const fetchPersonsDetailsByParamsData = async(props: any) => {
try {
//console.log(`https://api.themoviedb.org/3/movie/${id}${fetchType}?api_key=${APIKEY}&language=en-US&page=${loaddatapage}`);
//const resp = await axios.get('https://api.themoviedb.org/3/movie/'+id+ { fetchType != '' ? '/'+ fetchType:''} +'?api_key='+APIKEY+'&language=en-US&page='+loaddatapage);
const resp = await axios.get(`https://api.themoviedb.org/3/person/${id}${fetchType}?api_key=${APIKEY}&language=en-US&page=${loaddatapage}`);
const resp = await axios.get(`https://api.themoviedb.org/3/person/${id}${fetchType}?api_key=${API_KEY}&language=en-US&page=${loaddatapage}`);
//console.log(resp);
//dispatch(setStateMovies(resp.data.results));
return resp.data;
Expand All @@ -134,7 +134,7 @@ export const fetchPersonsDetailsByParamsData = async(props: any) => {
}
try {
const resp = await axios.get('https://api.themoviedb.org/3/movie/'+id+'?api_key='+APIKEY+'&language=en-US');
const resp = await axios.get('https://api.themoviedb.org/3/movie/'+id+'?api_key='+API_KEY+'&language=en-US');
//console.log(resp);
//dispatch(setStateMovies(resp.data.results));
return resp.data;
Expand All @@ -147,7 +147,7 @@ export const fetchPersonsDetailsByParamsData = async(props: any) => {
export const getMovieCreditDetailsById = async (id: any) => {
try {
const resp = await axios.get('https://api.themoviedb.org/3/movie/'+id+'/credits?api_key='+APIKEY+'&language=en-US');
const resp = await axios.get('https://api.themoviedb.org/3/movie/'+id+'/credits?api_key='+API_KEY+'&language=en-US');
//console.log(resp);
//dispatch(setStateMovies(resp.data.results));
return resp.data;
Expand All @@ -161,7 +161,7 @@ export const getMovieCreditDetailsById = async (id: any) => {
export const getMovieSocialDataById = async (id: any) => {
try {
const resp = await axios.get('https://api.themoviedb.org/3/movie/'+id+'/external_ids?api_key='+APIKEY+'&language=en-US');
const resp = await axios.get('https://api.themoviedb.org/3/movie/'+id+'/external_ids?api_key='+API_KEY+'&language=en-US');
//console.log(resp);
//dispatch(setStateMovies(resp.data.results));
return resp.data;
Expand Down

0 comments on commit cc7dbf8

Please sign in to comment.