diff --git a/package.json b/package.json index da5ae4e9..3571c61e 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "json5": "^2.2.0", "react": "^17.0.2", "react-dom": "^17.0.2", + "react-helmet": "^6.1.0", "react-router-dom": "^5.2.0", "react-scripts": "4.0.3", "web-vitals": "^1.0.1" diff --git a/src/views/Movie.js b/src/views/Movie.js index 860634f7..0c3cb7c6 100644 --- a/src/views/Movie.js +++ b/src/views/Movie.js @@ -1,5 +1,6 @@ import React from 'react' import { useRouteMatch, useHistory } from 'react-router-dom' +import { Helmet } from 'react-helmet'; import { Title } from '../components/Title' import { Card } from '../components/Card' import { useMovie } from '../hooks/useMovie' @@ -109,6 +110,10 @@ export function MovieView(props) { return (
+ + {streamData.title}{streamData.type === 'show' && ` | S${season}E${episode}`} | movie-web + + {streamData.title} diff --git a/src/views/Search.js b/src/views/Search.js index fad2a471..5e9e2b0b 100644 --- a/src/views/Search.js +++ b/src/views/Search.js @@ -1,5 +1,6 @@ import React from 'react'; import { Redirect, useRouteMatch, useHistory } from 'react-router-dom'; +import { Helmet } from 'react-helmet'; import { InputBox } from '../components/InputBox'; import { Title } from '../components/Title'; import { Card } from '../components/Card'; @@ -136,6 +137,10 @@ export function SearchView() { return ( <div className="cardView"> + <Helmet> + <title>{type === 'movie' ? 'Movies' : 'TV Shows'} | movie-web + + {errorStatus ? {errorStatus} : ''} diff --git a/yarn.lock b/yarn.lock index b9dfdbeb..5db630eb 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9046,6 +9046,21 @@ react-error-overlay@^6.0.9: resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.9.tgz#3c743010c9359608c375ecd6bc76f35d93995b0a" integrity sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew== +react-fast-compare@^3.1.1: + version "3.2.0" + resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.0.tgz#641a9da81b6a6320f270e89724fb45a0b39e43bb" + integrity sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA== + +react-helmet@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/react-helmet/-/react-helmet-6.1.0.tgz#a750d5165cb13cf213e44747502652e794468726" + integrity sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw== + dependencies: + object-assign "^4.1.1" + prop-types "^15.7.2" + react-fast-compare "^3.1.1" + react-side-effect "^2.1.0" + react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1: version "16.13.1" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4" @@ -9156,6 +9171,11 @@ react-scripts@4.0.3: optionalDependencies: fsevents "^2.1.3" +react-side-effect@^2.1.0: + version "2.1.1" + resolved "https://registry.yarnpkg.com/react-side-effect/-/react-side-effect-2.1.1.tgz#66c5701c3e7560ab4822a4ee2742dee215d72eb3" + integrity sha512-2FoTQzRNTncBVtnzxFOk2mCpcfxQpenBMbk5kSVBg5UcPqV9fRbgY2zhb7GTWWOlpFmAxhClBDlIq8Rsubz1yQ== + react@^17.0.2: version "17.0.2" resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"