Merge pull request #147 from Web-Dev-Path/chore/release-1.2.0

Release 1.2.0
Web-Dev-Path · Dec 2, 2022 · 3e45225 · 3e45225
2 parents 403039b + 7a6c07e
commit 3e45225
Show file tree

Hide file tree

Showing 15 changed files with 192 additions and 191 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -40,7 +40,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - updated `package.json` commands for macOs
 - swipeable CardsColumns.js on mobile
 
-## Unreleased
+## 1.2.0
 
 ### Added
 
@@ -57,6 +57,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - still got questions section to about page
 - Contact us cards section to contact page
 - Linkedin link to footer
+- Next.js 13
 
 ### Fixed
 
@@ -77,3 +78,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - next.js warning - no stylesheets in head component
 - CardColumns refactoring to accept an array of card objects as props
 - styles on newsletter button and contact page
+
+## Unreleased
+
+### Added
+
+### Fixed
diff --git a/components/containers/Card.js b/components/containers/Card.js
@@ -1,4 +1,4 @@
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import Link from 'next/link';
 import styles from '@/styles/Card.module.scss';
 

diff --git a/components/containers/Member.js b/components/containers/Member.js
@@ -1,4 +1,4 @@
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import styles from '@/styles/Member.module.scss';
 
 export default function Member({

diff --git a/components/containers/TwoColumn.js b/components/containers/TwoColumn.js
@@ -1,4 +1,4 @@
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import ButtonLink from '@/components/buttons/ButtonLink';
 import Container from '@/components/containers/Container';
 import styles from '@/styles/TwoColumn.module.scss';

diff --git a/components/layout/Footer.js b/components/layout/Footer.js
@@ -1,33 +1,34 @@
-import Link from 'next/link';
 import footerStyles from '@/styles/Footer.module.scss';
 import { linksNav, linksSocial } from '@/utils/links';
 import NewsletterSubscribe from '@/components/mailchimp/NewsletterSubscribe';
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import Container from '@/components/containers/Container';
 
 export default function Footer() {
   return (
     <footer className={footerStyles.footer}>
       <NewsletterSubscribe />
       <Container customClass={footerStyles.footer__inner}>
-        <Link href='/'>
-          <a className={footerStyles.footer__logo} title='Go to the Homepage'>
-            <Image
-              src='/images/svg/logo.svg'
-              height={250}
-              width={250}
-              alt='Our footer logo'
-            />
-          </a>
-        </Link>
+        <a
+          href='/'
+          className={footerStyles.footer__logo}
+          title='Go to the Homepage'
+        >
+          <Image
+            src='/images/svg/logo.svg'
+            height={250}
+            width={250}
+            alt='Our footer logo'
+          />
+        </a>
         <div className={footerStyles.footer__navSocialsDiv}>
           <nav className={footerStyles.footer__nav} aria-label='Main'>
             <ul className={footerStyles.footer__navList}>
               {linksNav.map(link => (
                 <li className={footerStyles.footer__navItem} key={link.text}>
-                  <Link href={link.href}>
-                    <a title={link.text}>{link.text}</a>
-                  </Link>
+                  <a href={link.href} title={link.text}>
+                    {link.text}
+                  </a>
                 </li>
               ))}
             </ul>
@@ -41,17 +42,15 @@ export default function Footer() {
                     className={footerStyles.footer__socialItem}
                     key={link.text}
                   >
-                    <Link href={link.href}>
-                      <a title={link.text} target='_blank'>
-                        <Image
-                          href={link.href}
-                          src={link.src}
-                          height={65}
-                          width={47}
-                          alt={link.alt}
-                        />
-                      </a>
-                    </Link>
+                    <a href={link.href} title={link.text} target='_blank'>
+                      <Image
+                        href={link.href}
+                        src={link.src}
+                        height={65}
+                        width={47}
+                        alt={link.alt}
+                      />
+                    </a>
                   </li>
                 ))}
             </ul>

diff --git a/components/layout/Hero.js b/components/layout/Hero.js
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import Nav from '@/components/layout/Nav';
 import Container from '@/components/containers/Container';
 import styles from '@/styles/Hero.module.scss';

diff --git a/components/layout/Nav.js b/components/layout/Nav.js
@@ -1,6 +1,5 @@
 import { useState, useEffect, useRef } from 'react';
-import Link from 'next/link';
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import { useRouter } from 'next/router';
 import Container from '@/components/containers/Container';
 import styles from '@/styles/Nav.module.scss';
@@ -57,48 +56,44 @@ export default function Nav() {
         <div ref={containerRef}>
           <nav className={styles.nav}>
             <div className={styles.nav__logo}>
-              <Link href='/' passHref>
-                <a>
-                  <Image
-                    src='/images/svg/logo.svg'
-                    height={115}
-                    width={180}
-                    alt='Logo'
-                    title='Go to the Homepage'
-                  />
-                </a>
-              </Link>
+              <a href='/' passhref='true'>
+                <Image
+                  src='/images/svg/logo.svg'
+                  height={115}
+                  width={180}
+                  alt='Logo'
+                  title='Go to the Homepage'
+                />
+              </a>
             </div>
             <ul
               className={`${styles.nav__links} ${active ? styles.active : ''}`}
             >
               {linksNav.map(({ text, href, id }) => {
                 return (
                   <li className={styles.nav__item} key={id}>
-                    <Link href={href}>
-                      <a
-                        className={`${styles.nav__link} ${
-                          router.pathname == href ? `${styles.current}` : ''
-                        }`}
-                        title={text}
-                      >
-                        {text}
-                      </a>
-                    </Link>
+                    <a
+                      href={href}
+                      className={`${styles.nav__link} ${
+                        router.pathname == href ? `${styles.current}` : ''
+                      }`}
+                      title={text}
+                    >
+                      {text}
+                    </a>
                   </li>
                 );
               })}
               <li className={styles.nav__item}>
-                <Link href='mailto:[email protected]?subject=Project collaborator application'>
-                  <a
-                    className={`${styles.nav__button} ${
-                      active ? styles.active : ''
-                    }`}
-                    title='Join us'
-                  >
-                    Join us
-                  </a>
-                </Link>
+                <a
+                  href='mailto:[email protected]?subject=Project collaborator application'
+                  className={`${styles.nav__button} ${
+                    active ? styles.active : ''
+                  }`}
+                  title='Join us'
+                >
+                  Join us
+                </a>
               </li>
             </ul>
             <button

diff --git a/components/mailchimp/NewsletterForm.js b/components/mailchimp/NewsletterForm.js
@@ -1,5 +1,5 @@
 import { createRef, useState } from 'react';
-import Image from 'next/image';
+import Image from 'next/legacy/image';
 import { decode } from 'html-entities';
 import ReCAPTCHA from 'react-google-recaptcha';
 import Container from '@/components/containers/Container';

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web-dev-path",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "private": true,
   "scripts": {
     "dev": "yarn run open-browser-win && next dev -p 3010",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@sendgrid/mail": "^7.7.0",
     "html-entities": "^2.3.2",
-    "next": "^12.2.2",
+    "next": "^13.0.5",
     "next-pwa": "^5.5.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/pages/404.js b/pages/404.js
@@ -6,10 +6,7 @@ export default function NotFound() {
       <h1>Ooops...</h1>
       <h2>That page cannot be found :(</h2>
       <p>
-        Go back to the{' '}
-        <Link href='/'>
-          <a>Homepage</a>
-        </Link>
+        Go back to the <Link href='/'>Homepage</Link>
       </p>
     </div>
   );

diff --git a/pages/blog/index.js b/pages/blog/index.js
@@ -7,9 +7,7 @@ export default function Blog() {
       <p>We're building this page. Stay tuned!</p>
       <ul>
         <li>
-          <Link href='/blog/first-post'>
-            <a>First Post</a>
-          </Link>
+          <Link href='/blog/first-post'>First Post</Link>
         </li>
       </ul>
     </div>

diff --git a/pages/index.js b/pages/index.js
@@ -41,7 +41,7 @@ export default function Home() {
               altTag: 'Join the project',
               content:
                 'Are you learning web development and need mentorship? Are you a web dev looking for help or a code buddy for a project?',
-              link: "/about'",
+              link: '/about',
               linkText: 'Learn more',
             },
             {

diff --git a/styles/SubmitButton.module.scss b/styles/SubmitButton.module.scss
@@ -11,7 +11,6 @@
   cursor: pointer;
   font-weight: bold;
   text-align: center;
-  min-width: 12rem;
   display: block;
   border: 1px solid $primary-content-color;
   @include transition(all 0.3s ease);