Set canonical link for blogs, webinars, and specific subjects pages

Author: RoyEJohnson

src/app/pages/blog/blog.js

@@ -2,7 +2,7 @@ import React, {useEffect} from 'react';
 import useBlogContext, {BlogContextProvider} from './blog-context';
 import {Routes, Route, useLocation, useParams} from 'react-router-dom';
 import {WindowContextProvider} from '~/contexts/window';
-import useDocumentHead from '~/helpers/use-document-head';
+import useDocumentHead, {useCanonicalLink} from '~/helpers/use-document-head';
 import RawHTML from '~/components/jsx-helpers/raw-html';
 import ExploreBySubject from '~/components/explore-by-subject/explore-by-subject';
 import ExploreByCollection from '~/components/explore-by-collection/explore-by-collection';
@@ -108,6 +108,8 @@ export default function LoadBlog() {
     const location = useLocation();
     const TopLevelPage = location.search ? SearchResultsPage : MainBlogPage;
 
+    useCanonicalLink();
+
     return (
         <main className="blog page">
             <BlogContextProvider>

src/app/pages/subjects/new/specific/specific.tsx

@@ -17,6 +17,7 @@ import LazyLoad from 'react-lazyload';
 import useFoundSubject from './use-found-subject';
 import AboutOpenStax from '../about-openstax';
 import {InfoBoxes} from '../info-boxes';
+import { useCanonicalLink } from '~/helpers/use-document-head';
 import cn from 'classnames';
 import './specific.scss';
 
@@ -153,6 +154,8 @@ export default function LoadSubject() {
     const foundSubject = useFoundSubject();
     const timedOut = useDebounceTest(!foundSubject);
 
+    useCanonicalLink();
+
     if (!foundSubject) {
         // The timeout allows contexts that may just be in a transitional state
         // to resolve (if they're going to) before trying alternatives

src/app/pages/webinars/webinars.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import {WebinarContextProvider} from './webinar-context';
 import {Routes, Route} from 'react-router-dom';
+import {useCanonicalLink} from '~/helpers/use-document-head';
 import JITLoad from '~/helpers/jit-load';
 import './webinars.scss';
 
@@ -12,6 +13,8 @@ const importSearch = () => import('./import-search-page');
 
 
 export default function WebinarsLoader() {
+    useCanonicalLink();
+
     return (
         <main className='webinars page'>
             <WebinarContextProvider>