Theology 101 updates (#3)

## Description - Update url navigation - ad image and link added - tag colors and spacing fixed - video title link fixed ## Screenshot ![url](https://github.com/aweandreverence/www.theology101.church/assets/144367037/7346175b-f98a-4435-a41e-237aa58c887d)
aweandreverence · Nov 14, 2023 · 969ea91 · 969ea91
1 parent f9af599
commit 969ea91
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 14 deletions.
diff --git a/components/base_page.js b/components/base_page.js
@@ -29,7 +29,6 @@ export default function Page({ children }) {
                 />
 
                 <link
-                    rel="stylesheet"
                     href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
                     integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm"
                     crossorigin="anonymous"

diff --git a/components/js/google/analytics.js b/components/js/google/analytics.js
@@ -1,6 +1,7 @@
 import Safe from 'react-safe';
 
 import Head from 'next/head';
+import Script from 'next/script';
 
 export function GoogleAnalytics(props) {
     const gtagJS = `
@@ -16,16 +17,19 @@ gtag('config', '${props.trackingId}');
     return (
         <>
             <Head>
-                <script
-                    async
-                    src={
-                        'https://www.googletagmanager.com/gtag/js?id=' +
-                        props.trackingId
-                    }
-                    key="google-analytics"
-                ></script>
                 <Safe.script>{gtagJS}</Safe.script>
             </Head>
+            <Script>
+                <script
+                        async
+                        src={
+                            'https://www.googletagmanager.com/gtag/js?id=' +
+                            props.trackingId
+                        }
+                        key="google-analytics"
+                    >
+                    </script>
+            </Script>
         </>
     );
 }
diff --git a/components/tags.js b/components/tags.js
@@ -19,6 +19,7 @@ export default class Tags extends React.Component {
                     {tags.map((tag, index) => (
                         <ol key={index} className="p-0">
                             <a
+                                href="#"
                                 className="link-light"
                                 onClick={(e) => {
                                     e.preventDefault();

diff --git a/components/topics.js b/components/topics.js
@@ -19,6 +19,7 @@ export default class Topics extends React.Component {
                         .map((topic, index) => (
                             <ol key={index} className="p-0">
                                 <a
+                                    href="#"
                                     className="link-light"
                                     onClick={(e) => {
                                         e.preventDefault();

diff --git a/components/video_card.js b/components/video_card.js
@@ -29,7 +29,7 @@ export default class VideoCard extends React.Component {
                 <div className="card-body bg-light overflow-y-scroll">
                     <h5 className="card-title">
                         <a
-                            href
+                            href="#"
                             onClick={(e) => {
                                 e.preventDefault();
                                 app.selectLesson.bind(app)(video.videoId);

diff --git a/components/video_card_tags.js b/components/video_card_tags.js
@@ -11,10 +11,10 @@ export default class VideoCardTags extends React.Component {
         const video = this.props.video;
         return (
             <div className="d-flex flex-wrap">
-                {video.tags.map((tag) => (
-                    <h6>
+                {video.tags.map((tag, index) => (
+                    <h6 key={index}>
                         <a
-                            href
+                            href="#"
                             onClick={(e) => {
                                 e.preventDefault();
                                 app.selectTag.bind(app)(tag);

diff --git a/components/video_listing.js b/components/video_listing.js
@@ -27,7 +27,7 @@ export default class VideoListing extends React.Component {
                 </h3>
                 <div className="d-flex p-2 flex-wrap mt-4">
                     {videoIds.map((videoId) => (
-                        <VideoCard videoId={videoId} app={app} />
+                        <VideoCard key={videoId} videoId={videoId} app={app} />
                     ))}
                 </div>
             </div>