Percentages - Merge pull request #20 from strawhat19/Percentages

Percentages
strawhat19 · May 19, 2023 · 2f151e7 · 2f151e7
2 parents 802a3e9 + 5aaf898
commit 2f151e7
Show file tree

Hide file tree

Showing 18 changed files with 25 additions and 57 deletions.
diff --git a/Procfile b/Procfile
diff --git a/build/404.html b/build/404.html
diff --git a/build/asset-manifest.json b/build/asset-manifest.json
@@ -1,23 +1,23 @@
 {
   "files": {
-    "main.css": "/static/css/main.b3969e19.chunk.css",
-    "main.js": "/static/js/main.aab73f9d.chunk.js",
-    "main.js.map": "/static/js/main.aab73f9d.chunk.js.map",
+    "main.css": "/static/css/main.9e2f1639.chunk.css",
+    "main.js": "/static/js/main.01fa521e.chunk.js",
+    "main.js.map": "/static/js/main.01fa521e.chunk.js.map",
     "runtime-main.js": "/static/js/runtime-main.9c580b5d.js",
     "runtime-main.js.map": "/static/js/runtime-main.9c580b5d.js.map",
     "static/css/2.f5d922a5.chunk.css": "/static/css/2.f5d922a5.chunk.css",
-    "static/js/2.4e6e74f1.chunk.js": "/static/js/2.4e6e74f1.chunk.js",
-    "static/js/2.4e6e74f1.chunk.js.map": "/static/js/2.4e6e74f1.chunk.js.map",
+    "static/js/2.62d88794.chunk.js": "/static/js/2.62d88794.chunk.js",
+    "static/js/2.62d88794.chunk.js.map": "/static/js/2.62d88794.chunk.js.map",
     "index.html": "/index.html",
     "static/css/2.f5d922a5.chunk.css.map": "/static/css/2.f5d922a5.chunk.css.map",
-    "static/css/main.b3969e19.chunk.css.map": "/static/css/main.b3969e19.chunk.css.map",
-    "static/js/2.4e6e74f1.chunk.js.LICENSE.txt": "/static/js/2.4e6e74f1.chunk.js.LICENSE.txt"
+    "static/css/main.9e2f1639.chunk.css.map": "/static/css/main.9e2f1639.chunk.css.map",
+    "static/js/2.62d88794.chunk.js.LICENSE.txt": "/static/js/2.62d88794.chunk.js.LICENSE.txt"
   },
   "entrypoints": [
     "static/js/runtime-main.9c580b5d.js",
     "static/css/2.f5d922a5.chunk.css",
-    "static/js/2.4e6e74f1.chunk.js",
-    "static/css/main.b3969e19.chunk.css",
-    "static/js/main.aab73f9d.chunk.js"
+    "static/js/2.62d88794.chunk.js",
+    "static/css/main.9e2f1639.chunk.css",
+    "static/js/main.01fa521e.chunk.js"
   ]
 }
diff --git a/build/index.html b/build/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="https://github.com/strawhat19/react-netflix-clone/blob/main/public/assets/netflixIconTransparentXL.png?raw=true" type="image/x-icon"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta property="”og:image”" content="/assets/design12.jpg"/><meta name="theme-color" content="#000000"/><meta name="description" content="A React Netflix Clone made using TypeScript, SASS, Material UI, Firebase, Auth,, Express, Heroku, Redux for State Management, and Finally React Router DOM. This project is currently in Development. Web site created using create-react-app"/><link rel="react-netflix-icon" href="https://github.com/strawhat19/react-netflix-clone/blob/main/public/assets/netflixIconTransparentXL.png?raw=true"/><link rel="manifest" href="https://raw.githubusercontent.com/strawhat19/react-netflix-clone/main/public/manifest.json"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css"/><title>React Netflix Clone</title><link href="/static/css/2.f5d922a5.chunk.css" rel="stylesheet"><link href="/static/css/main.b3969e19.chunk.css" rel="stylesheet"></head><body><div id="root"></div><script>window.addEventListener("DOMContentLoaded",e=>{let n=document.querySelector("iframe");n&&(n.style.display="none")})</script><script>!function(e){function t(t){for(var n,l,f=t[0],i=t[1],a=t[2],p=0,s=[];p<f.length;p++)l=f[p],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(c&&c(t);s.length;)s.shift()();return u.push.apply(u,a||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,f=1;f<r.length;f++){var i=r[f];0!==o[i]&&(n=!1)}n&&(u.splice(t--,1),e=l(l.s=r[0]))}return e}var n={},o={1:0},u=[];function l(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=n,l.d=function(e,t,r){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(r,n,function(t){return e[t]}.bind(null,n));return r},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var f=this["webpackJsonpreact-netflix-clone"]=this["webpackJsonpreact-netflix-clone"]||[],i=f.push.bind(f);f.push=t,f=f.slice();for(var a=0;a<f.length;a++)t(f[a]);var c=i;r()}([])</script><script src="/static/js/2.4e6e74f1.chunk.js"></script><script src="/static/js/main.aab73f9d.chunk.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="https://github.com/strawhat19/react-netflix-clone/blob/main/public/assets/netflixIconTransparentXL.png?raw=true" type="image/x-icon"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta property="”og:image”" content="/assets/design12.jpg"/><meta name="theme-color" content="#000000"/><meta name="description" content="A React Netflix Clone made using TypeScript, SASS, Material UI, Firebase, Auth,, Express, Heroku, Redux for State Management, and Finally React Router DOM. This project is currently in Development. Web site created using create-react-app"/><link rel="react-netflix-icon" href="https://github.com/strawhat19/react-netflix-clone/blob/main/public/assets/netflixIconTransparentXL.png?raw=true"/><link rel="manifest" href="https://raw.githubusercontent.com/strawhat19/react-netflix-clone/main/public/manifest.json"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css"/><title>React Netflix Clone</title><link href="/static/css/2.f5d922a5.chunk.css" rel="stylesheet"><link href="/static/css/main.9e2f1639.chunk.css" rel="stylesheet"></head><body><div id="root"></div><script>window.addEventListener("DOMContentLoaded",e=>{let n=document.querySelector("iframe");n&&(n.style.display="none")})</script><script>!function(e){function t(t){for(var n,l,f=t[0],i=t[1],a=t[2],p=0,s=[];p<f.length;p++)l=f[p],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(c&&c(t);s.length;)s.shift()();return u.push.apply(u,a||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,f=1;f<r.length;f++){var i=r[f];0!==o[i]&&(n=!1)}n&&(u.splice(t--,1),e=l(l.s=r[0]))}return e}var n={},o={1:0},u=[];function l(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=n,l.d=function(e,t,r){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(r,n,function(t){return e[t]}.bind(null,n));return r},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var f=this["webpackJsonpreact-netflix-clone"]=this["webpackJsonpreact-netflix-clone"]||[],i=f.push.bind(f);f.push=t,f=f.slice();for(var a=0;a<f.length;a++)t(f[a]);var c=i;r()}([])</script><script src="/static/js/2.62d88794.chunk.js"></script><script src="/static/js/main.01fa521e.chunk.js"></script></body></html>
diff --git a/build/static/css/main.b3969e19.chunk.css → build/static/css/main.9e2f1639.chunk.css b/build/static/css/main.b3969e19.chunk.css → build/static/css/main.9e2f1639.chunk.css
diff --git a/build/static/css/main.b3969e19.chunk.css.map → build/static/css/main.9e2f1639.chunk.css.map b/build/static/css/main.b3969e19.chunk.css.map → build/static/css/main.9e2f1639.chunk.css.map
diff --git a/build/static/js/2.4e6e74f1.chunk.js → build/static/js/2.62d88794.chunk.js b/build/static/js/2.4e6e74f1.chunk.js → build/static/js/2.62d88794.chunk.js
diff --git a/...static/js/2.4e6e74f1.chunk.js.LICENSE.txt → ...static/js/2.62d88794.chunk.js.LICENSE.txt b/...static/js/2.4e6e74f1.chunk.js.LICENSE.txt → ...static/js/2.62d88794.chunk.js.LICENSE.txt
diff --git a/build/static/js/2.4e6e74f1.chunk.js.map → build/static/js/2.62d88794.chunk.js.map b/build/static/js/2.4e6e74f1.chunk.js.map → build/static/js/2.62d88794.chunk.js.map
diff --git a/build/static/js/main.01fa521e.chunk.js b/build/static/js/main.01fa521e.chunk.js
diff --git a/build/static/js/main.01fa521e.chunk.js.map b/build/static/js/main.01fa521e.chunk.js.map
diff --git a/build/static/js/main.aab73f9d.chunk.js b/build/static/js/main.aab73f9d.chunk.js
diff --git a/build/static/js/main.aab73f9d.chunk.js.map b/build/static/js/main.aab73f9d.chunk.js.map
diff --git a/package.json b/package.json
@@ -45,6 +45,7 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
+    "run": "npm run build && npm start",
     "develop": "npm install && npm run build && npm start"
   },
   "eslintConfig": {

diff --git a/src/App.tsx b/src/App.tsx
@@ -55,7 +55,8 @@ export const emailForm = document.querySelector(`#emailAddressForm`);
 export const sliderNext = document.querySelector(`.react-Slidy-next`);
 
 // API Elements
-export const APIKey = process.env.REACT_APP_API_KEY;
+export const APIKey = process.env.REACT_APP_API_KEY || process.env.API_KEY;
+console.log(`API Key`, APIKey);
 export const baseImageURL = `https://image.tmdb.org/t/p/original`;
 export const baseTMDBURL = `https://api.themoviedb.org/3`;
 export const movieURLS = {

diff --git a/src/components/Banner/banner.tsx b/src/components/Banner/banner.tsx
@@ -138,7 +138,7 @@ const Banner: React.FC<State> = ({user, setUser, fetchMovie, movie, setMovie}) =
                     <div className="data">
                         <span title="popularity" className="popularity">{Math.floor(movie?.popularity)} <i className="fas fa-fire"></i></span>
                         <span title="votes" className="vote_count">{movie?.vote_count} <i className="fas fa-user"></i></span>
-                        <span title="rating" className="vote_average">{movie?.vote_average * 10 + `%`} <i className="fas fa-thumbs-up"></i></span>
+                        <span title="rating" className="vote_average">{(movie?.vote_average * 10).toFixed(2) + `%`} <i className="fas fa-thumbs-up"></i></span>
                         <span title="release date" className="release_date"><Moment format='MMMM Do YYYY'>{movie?.release_date}</Moment> <i className="fas fa-calendar-day"></i></span>
                     </div>
                 </div>

diff --git a/src/components/Dashboard/dashboard.tsx b/src/components/Dashboard/dashboard.tsx
@@ -77,7 +77,7 @@ const Dashboard:React.FC<State> = ({user, setUser}) => {
                                             </span>
                                             <span title="Rating" className="rating titleField hoverLink">
                                                 <i className="fas fa-thumbs-up"></i>
-                                                {movie?.vote_average * 10 + `%`} 
+                                                {(movie?.vote_average * 10).toFixed(2) + `%`} 
                                             </span>
                                             <span title="Release Date" className="date titleField hoverLink">
                                                 <i className="fas fa-calendar-day"></i>

diff --git a/src/components/Movie/movie.tsx b/src/components/Movie/movie.tsx
@@ -28,7 +28,7 @@ const Movie:React.FC<State> = ({user, setUser, movie, index}) => {
                     </h2>
                     <div className="data">
                         <span className="vote_count">{movie?.vote_count} <i className="fas fa-user"></i></span>
-                        <span className="vote_average">{movie?.vote_average * 10 + `%`} <i className="fas fa-thumbs-up"></i></span>
+                        <span className="vote_average">{(movie?.vote_average * 10).toFixed(2) + `%`} <i className="fas fa-thumbs-up"></i></span>
                     </div>
                 </div>
                 <div className="movieDescription">
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="https://github.com/strawhat19/react-netflix-clone/blob/main/public/assets/netflixIconTransparentXL.png?raw=true" type="image/x-icon"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta property="”og:image”" content="/assets/design12.jpg"/><meta name="theme-color" content="#000000"/><meta name="description" content="A React Netflix Clone made using TypeScript, SASS, Material UI, Firebase, Auth,, Express, Heroku, Redux for State Management, and Finally React Router DOM. This project is currently in Development. Web site created using create-react-app"/><link rel="react-netflix-icon" href="https://github.com/strawhat19/react-netflix-clone/blob/main/public/assets/netflixIconTransparentXL.png?raw=true"/><link rel="manifest" href="https://raw.githubusercontent.com/strawhat19/react-netflix-clone/main/public/manifest.json"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css"/><title>React Netflix Clone</title><link href="/static/css/2.f5d922a5.chunk.css" rel="stylesheet"><link href="/static/css/main.b3969e19.chunk.css" rel="stylesheet"></head><body><div id="root"></div><script>window.addEventListener("DOMContentLoaded",e=>{let n=document.querySelector("iframe");n&&(n.style.display="none")})</script><script>!function(e){function t(t){for(var n,l,f=t[0],i=t[1],a=t[2],p=0,s=[];p<f.length;p++)l=f[p],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(c&&c(t);s.length;)s.shift()();return u.push.apply(u,a\|\|[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,f=1;f<r.length;f++){var i=r[f];0!==o[i]&&(n=!1)}n&&(u.splice(t--,1),e=l(l.s=r[0]))}return e}var n={},o={1:0},u=[];function l(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=n,l.d=function(e,t,r){l.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(r,n,function(t){return e[t]}.bind(null,n));return r},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var f=this["webpackJsonpreact-netflix-clone"]=this["webpackJsonpreact-netflix-clone"]\|\|[],i=f.push.bind(f);f.push=t,f=f.slice();for(var a=0;a<f.length;a++)t(f[a]);var c=i;r()}([])</script><script src="/static/js/2.4e6e74f1.chunk.js"></script><script src="/static/js/main.aab73f9d.chunk.js"></script></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="https://github.com/strawhat19/react-netflix-clone/blob/main/public/assets/netflixIconTransparentXL.png?raw=true" type="image/x-icon"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta property="”og:image”" content="/assets/design12.jpg"/><meta name="theme-color" content="#000000"/><meta name="description" content="A React Netflix Clone made using TypeScript, SASS, Material UI, Firebase, Auth,, Express, Heroku, Redux for State Management, and Finally React Router DOM. This project is currently in Development. Web site created using create-react-app"/><link rel="react-netflix-icon" href="https://github.com/strawhat19/react-netflix-clone/blob/main/public/assets/netflixIconTransparentXL.png?raw=true"/><link rel="manifest" href="https://raw.githubusercontent.com/strawhat19/react-netflix-clone/main/public/manifest.json"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css"/><title>React Netflix Clone</title><link href="/static/css/2.f5d922a5.chunk.css" rel="stylesheet"><link href="/static/css/main.9e2f1639.chunk.css" rel="stylesheet"></head><body><div id="root"></div><script>window.addEventListener("DOMContentLoaded",e=>{let n=document.querySelector("iframe");n&&(n.style.display="none")})</script><script>!function(e){function t(t){for(var n,l,f=t[0],i=t[1],a=t[2],p=0,s=[];p<f.length;p++)l=f[p],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(c&&c(t);s.length;)s.shift()();return u.push.apply(u,a\|\|[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,f=1;f<r.length;f++){var i=r[f];0!==o[i]&&(n=!1)}n&&(u.splice(t--,1),e=l(l.s=r[0]))}return e}var n={},o={1:0},u=[];function l(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=n,l.d=function(e,t,r){l.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(r,n,function(t){return e[t]}.bind(null,n));return r},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var f=this["webpackJsonpreact-netflix-clone"]=this["webpackJsonpreact-netflix-clone"]\|\|[],i=f.push.bind(f);f.push=t,f=f.slice();for(var a=0;a<f.length;a++)t(f[a]);var c=i;r()}([])</script><script src="/static/js/2.62d88794.chunk.js"></script><script src="/static/js/main.01fa521e.chunk.js"></script></body></html>