Fix error during build

madebyais · Jul 17, 2021 · 7f6a225 · 7f6a225
1 parent a44f923
commit 7f6a225
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 18 deletions.
diff --git a/components/footer/footer-1.tsx b/components/footer/footer-1.tsx
@@ -1,7 +1,7 @@
 import Link from "next/link"
 
 const SocialMediaLink = ({ icon, href }: any) => (
-  <Link href={href}>
+  <Link href={href} passHref>
     <i className={`fa fa-${icon} mr-5`} />
   </Link>
 )
@@ -11,7 +11,7 @@ const MenuTitle = ({ title }: any) => (
 )
 
 const Menu = ({ title, href }: any) => (
-  <Link href={href}>
+  <Link href={href} passHref>
     <div className={`block mb-2`}>{title}</div>
   </Link>
 )

diff --git a/components/header/header-1.tsx b/components/header/header-1.tsx
@@ -8,7 +8,7 @@ const Header1 = () => (
       develop your product faster and launch sooner.
     </div>
     <div className={`text-lg text-center`}>
-      Trust me, you'll thank me later.<br/>
+      Trust me, you&apos;ll thank me later.<br/>
       =9
     </div>
   </div>

diff --git a/components/header/header-2.tsx b/components/header/header-2.tsx
@@ -12,7 +12,7 @@ const Header2 = () => (
           develop your product faster and launch sooner.
         </div>
         <div className={`text-lg`}>
-          Trust me, you'll thank me later.<br/>
+          Trust me, you&apos;ll thank me later.<br/>
           =9
         </div>
       </div>

diff --git a/components/navbar/topnavbar-4.tsx b/components/navbar/topnavbar-4.tsx
@@ -3,11 +3,11 @@ import Link from "next/link";
 import { useState } from "react";
 
 const MenuPrimary = ({ label, href }: any) => (
-  <div className={`mb-5 md:mb-0 md:ml-10`}><Link href={href}>{label}</Link></div>
+  <div className={`mb-5 md:mb-0 md:ml-10`}><Link href={href} passHref>{label}</Link></div>
 )
 
 const MenuSecondary = ({ label, href }: any) => (
-  <div className={`mb-5 md:mb-0 md:mr-5 text-xs`}><Link href={href}>{label}</Link></div>
+  <div className={`mb-5 md:mb-0 md:mr-5 text-xs`}><Link href={href} passHref>{label}</Link></div>
 )
 
 const TopNavBar4 = () => {
@@ -23,9 +23,9 @@ const TopNavBar4 = () => {
           <MenuSecondary label={`Pricing`} href={`/`} />
         </div>
         <div className={`md:flex md:justify-end md:items-center`}>
-          <Link href={`/`}><i className={`cursor-pointer fa fa-facebook mr-5`} /></Link>
-          <Link href={`/`}><i className={`cursor-pointer fa fa-twitter mr-5`} /></Link>
-          <Link href={`/`}><i className={`cursor-pointer fa fa-instagram`} /></Link>
+          <Link href={`/`} passHref><i className={`cursor-pointer fa fa-facebook mr-5`} /></Link>
+          <Link href={`/`} passHref><i className={`cursor-pointer fa fa-twitter mr-5`} /></Link>
+          <Link href={`/`} passHref><i className={`cursor-pointer fa fa-instagram`} /></Link>
         </div>
       </div>
       <div className={`container mx-auto flex justify-between items-center p-5 md:px-0`}>

diff --git a/components/svg/index.tsx b/components/svg/index.tsx
@@ -10,6 +10,7 @@ interface ISvgImageProps {
 const SvgImage: FC<ISvgImageProps> = ({ src, width= 300, height= 300 }) => (
   <>
     <Image
+      alt={`illustration for ${src}`}
       src={`/assets/svg/undraw_${src}.svg`}
       width={width}
       height={height} />

diff --git a/pages/api/oauth/[provider]/callback.ts b/pages/api/oauth/[provider]/callback.ts
@@ -2,7 +2,7 @@ import type {NextApiRequest, NextApiResponse} from "next";
 import constant from "../../../../common/constant";
 import Fetch from "../../../../util/fetch";
 
-export default async (req: NextApiRequest, res: NextApiResponse) => {
+const OauthProviderCallback = async (req: NextApiRequest, res: NextApiResponse) => {
   const { code, provider } = req.query
   let account = {}
 
@@ -62,4 +62,6 @@ export default async (req: NextApiRequest, res: NextApiResponse) => {
 
   // Recommend to redirect to your dashboard page
   res.status(200).json(account)
-}
+}
+
+export default OauthProviderCallback
diff --git a/pages/components/_layout.tsx b/pages/components/_layout.tsx
@@ -26,7 +26,7 @@ const LayoutComponentPreview: FC = ({ children }) => {
 }
 
 const Menu = ({ title, href }: any) => (
-  <Link href={href}>
+  <Link href={href} passHref>
     <div className={`cursor-pointer block mb-2`}>{title}</div>
   </Link>
 )

diff --git a/pages/login.tsx b/pages/login.tsx
@@ -65,13 +65,13 @@ const Login: NextPage<ILoginProps> = ({
 export async function getStaticProps() {
   return {
     props: {
-      GoogleClientId: process.env.GOOGLE_CLIENT_ID,
-      GoogleRedirectUri: process.env.GOOGLE_REDIRECT_URI,
-      GoogleOauthScope: process.env.GOOGLE_OAUTH_SCOPE,
+      GoogleClientId: process.env.GOOGLE_CLIENT_ID || '',
+      GoogleRedirectUri: process.env.GOOGLE_REDIRECT_URI || '',
+      GoogleOauthScope: process.env.GOOGLE_OAUTH_SCOPE || '',
 
-      FacebookClientId: process.env.FACEBOOK_CLIENT_ID,
-      FacebookRedirectUri: process.env.FACEBOOK_REDIRECT_URI,
-      FacebookOauthScope: process.env.FACEBOOK_OAUTH_SCOPE,
+      FacebookClientId: process.env.FACEBOOK_CLIENT_ID || '',
+      FacebookRedirectUri: process.env.FACEBOOK_REDIRECT_URI || '',
+      FacebookOauthScope: process.env.FACEBOOK_OAUTH_SCOPE || '',
     }
   }
 }