ljaxferrand

import { motion, AnimatePresence } from "framer-motion";
import { fadeDown } from "../utils/animations";
import { MotionConfig } from "framer-motion";

import Layout from "../components/Layout";
import "../styles/globals.css";

function MyApp({ Component, pageProps, router }) {
  return (
    <MotionConfig reducedMotion="user">

ljaxferrand

<span className="rating">
      {movieObj.vote_average > 5 ? (
        <img className="thumbs" src={thumbsUp} alt="Thumbs up for this movie."/>
      ) : (
        <img className="thumbs" src={thumbsDown} alt="Thumbs down for this movie"/>
      )}
      {movieObj.vote_average * 10 + "%"}
</span>