From 4721bef162a96c9e68fe84c5e3770e2a66341dec Mon Sep 17 00:00:00 2001 From: Nesaku <78386413+nesaku@users.noreply.github.com> Date: Thu, 26 Dec 2024 19:22:02 -0500 Subject: [PATCH] Fix Link tag usage for Next.js 15 --- components/aboutpage/AboutHero.js | 6 +- components/authorpage/AuthorBooks.js | 124 +++++++++--------- components/authorpage/AuthorResultData.js | 2 +- components/authorpage/AuthorSeries.js | 9 +- components/contactpage/ContactForm.js | 8 +- components/contactpage/ContactHero.js | 4 +- components/editionspage/EditionsList.js | 6 +- components/editionspage/EditionsResultData.js | 7 +- components/global/Header.js | 64 +++++---- components/global/ThemeToggle.js | 4 +- components/global/UnsupportedRoute.js | 12 +- components/librarypage/LibraryResultData.js | 80 ++++++----- components/listpage/BookList.js | 8 +- .../questionspage/QuestionsResultData.js | 49 ++++--- components/quotespage/QuotesResultData.js | 8 +- components/resultpage/ResultData.js | 117 ++++++++--------- components/searchpage/BookResultData.js | 9 +- components/searchpage/ListsResultData.js | 6 +- components/seriespage/SeriesList.js | 12 +- pages/404.js | 12 +- pages/500.js | 12 +- pages/privacy.js | 17 ++- 22 files changed, 288 insertions(+), 288 deletions(-) diff --git a/components/aboutpage/AboutHero.js b/components/aboutpage/AboutHero.js index e0e511a..bf0fa96 100644 --- a/components/aboutpage/AboutHero.js +++ b/components/aboutpage/AboutHero.js @@ -3,7 +3,7 @@ import React from "react"; const AboutHero = () => { return ( -
@@ -26,13 +26,13 @@ const AboutHero = () => { . - +
- + ) ); }; diff --git a/components/authorpage/AuthorBooks.js b/components/authorpage/AuthorBooks.js index 25f971d..a44fa15 100644 --- a/components/authorpage/AuthorBooks.js +++ b/components/authorpage/AuthorBooks.js @@ -14,7 +14,7 @@ const AuthorBooks = (props) => { }; return ( -
+ (

{props.name}'s Books:{" "}

@@ -29,38 +29,38 @@ const AuthorBooks = (props) => { className="snap-center shrink-0 first:-ml-12 max-w-xs xl:max-w-sm p-2 sm:py-6 px-2 hover:py-6 bg-white/40 dark:bg-slate-800 rounded-2xl hover:ring hover:ring-rose-600 hover:bg-rose-300 dark:hover:bg-rose-900 transition duration-300 delay-40 hover:delay-40" > - - {data.cover && ( - + )} +
+ + - )} -
- - - - - {data.rating.split("avg")[0].replace("really liked it", "")} - -
-
- {data.title.slice(0, 40)} - - {data.title.slice(40, 50)} - -
- + + + {data.rating.split("avg")[0].replace("really liked it", "")} + +
+
+ {data.title.slice(0, 40)} + + {data.title.slice(40, 50)} + +
+
))} @@ -70,35 +70,35 @@ const AuthorBooks = (props) => { "https://www.goodreads.com/author/show/", "/author/list/" )}`} - > - -
- - - - - - -

- View More Books -

-
- + className="flex snap-center shrink-0 first:-ml-12 max-w-xs xl:max-w-sm p-2 sm:py-6 px-2 hover:py-6 bg-white/40 dark:bg-slate-800 rounded-2xl hover:ring hover:ring-rose-600 hover:bg-rose-300 dark:hover:bg-rose-900 transition duration-300 delay-40 hover:delay-40"> + +
+ + + + + + +

+ View More Books +

+
+ )}
@@ -126,7 +126,7 @@ const AuthorBooks = (props) => { - + ) ); }; diff --git a/components/authorpage/AuthorResultData.js b/components/authorpage/AuthorResultData.js index 264c3c3..2271750 100644 --- a/components/authorpage/AuthorResultData.js +++ b/components/authorpage/AuthorResultData.js @@ -148,7 +148,7 @@ const AuthorResultData = ({ scrapedData }) => { alt="" width="286" height="446" - fetchpriority="high" + fetchPriority="high" loading="eager" onLoad={() => setImageLoaded(true)} /> diff --git a/components/authorpage/AuthorSeries.js b/components/authorpage/AuthorSeries.js index e273e2b..9838fe4 100644 --- a/components/authorpage/AuthorSeries.js +++ b/components/authorpage/AuthorSeries.js @@ -4,22 +4,21 @@ import CoverImage from "../global/CoverImage"; const AuthorSeries = (props) => { return ( -
+ (

Series By {props.name}:

- {props.series.map((data, i) => (
- +

{data.title}

- +

{data.author}

@@ -59,7 +58,7 @@ const AuthorSeries = (props) => {
))} -
+
) ); }; diff --git a/components/contactpage/ContactForm.js b/components/contactpage/ContactForm.js index 2bf2ec9..992fcda 100644 --- a/components/contactpage/ContactForm.js +++ b/components/contactpage/ContactForm.js @@ -4,7 +4,7 @@ import React from "react"; const ContactForm = () => { return ( -
+ (
{

By submitting this form you agree to our{" "} - - Privacy Policy + + Privacy Policy .

@@ -85,7 +85,7 @@ const ContactForm = () => { Send message -
+
) ); }; diff --git a/components/contactpage/ContactHero.js b/components/contactpage/ContactHero.js index 46fee21..dc9d81e 100644 --- a/components/contactpage/ContactHero.js +++ b/components/contactpage/ContactHero.js @@ -4,7 +4,7 @@ import React from "react"; const ContactHero = () => { return ( /*
*/ -
{ )}
-
+ ) ); }; diff --git a/components/editionspage/EditionsList.js b/components/editionspage/EditionsList.js index 9698f48..0a25219 100644 --- a/components/editionspage/EditionsList.js +++ b/components/editionspage/EditionsList.js @@ -4,7 +4,7 @@ import CoverImage from "../global/CoverImage"; const EditionsList = (props) => { return ( -
+ (
{props.editions.map((data, i) => (
@@ -13,7 +13,7 @@ const EditionsList = (props) => { className="flex items-center justify-between text-left mt-8 py-6 sm:p-8 bg-white/40 dark:bg-slate-800 rounded-2xl hover:ring hover:ring-rose-600 hover:bg-rose-300 dark:hover:bg-rose-900 transition duration-300 delay-40 hover:delay-40" >
- +

{data.title}

@@ -76,7 +76,7 @@ const EditionsList = (props) => {
))} -
+
) ); }; diff --git a/components/editionspage/EditionsResultData.js b/components/editionspage/EditionsResultData.js index f8b213c..3fd7b85 100644 --- a/components/editionspage/EditionsResultData.js +++ b/components/editionspage/EditionsResultData.js @@ -41,7 +41,7 @@ const EditionResults = ({ scrapedData }) => { }, [selectedEdition]); return ( -
@@ -49,13 +49,12 @@ const EditionResults = ({ scrapedData }) => {

{scrapedData.book && `${scrapedData.book}:`}

- {scrapedData.authorURL && (
- +

By:{" "} @@ -140,7 +139,7 @@ const EditionResults = ({ scrapedData }) => { )} )} -

+
) ); }; diff --git a/components/global/Header.js b/components/global/Header.js index 883c515..670443f 100644 --- a/components/global/Header.js +++ b/components/global/Header.js @@ -6,7 +6,7 @@ import ThemeToggle from "./ThemeToggle"; const Header = () => { return ( -
+ (
@@ -16,32 +16,40 @@ const Header = () => {
  • - - + + + + +
  • @@ -105,7 +113,7 @@ const Header = () => {
-
+
) ); }; diff --git a/components/global/ThemeToggle.js b/components/global/ThemeToggle.js index c1d179f..72c5f5b 100644 --- a/components/global/ThemeToggle.js +++ b/components/global/ThemeToggle.js @@ -23,7 +23,7 @@ const ThemeToggle = () => { return ( // Change the button icon based on the preferred theme - + ) ); }; diff --git a/components/global/UnsupportedRoute.js b/components/global/UnsupportedRoute.js index 78e5aa8..d78e193 100644 --- a/components/global/UnsupportedRoute.js +++ b/components/global/UnsupportedRoute.js @@ -3,7 +3,7 @@ import React from "react"; const UnsupportedRoute = (props) => { return ( -
+ (
{

- - + + Go Home - + {
-
+
) ); }; diff --git a/components/librarypage/LibraryResultData.js b/components/librarypage/LibraryResultData.js index d51aab2..ef907c1 100644 --- a/components/librarypage/LibraryResultData.js +++ b/components/librarypage/LibraryResultData.js @@ -49,47 +49,45 @@ const LibraryResultData = ({ currentTab }) => { authors: { component: AuthorList, data: savedAuthors }, // quotes: { component: QuotesList, data: savedQuotes }, }; - return ( - <> - {isLoading ? ( -
- -
- ) : ( - <> - {Object.entries(currentTabs).map( - ([tabKey, { component: Component, data }], i) => - currentTab === tabKey && ( -
- {Object.keys(data).length === 0 && ( - - )} - -
- ) - )} - - /* <> - {currentTab === "books" && ( - <> - {Object.keys(savedBooks).length === 0 && ( - - )} - - - )} - {currentTab === "authors" && ( - <> - {Object.keys(savedAuthors).length === 0 && ( - - )} - - - )} - */ - )} - - ); + return (<> + {isLoading ? ( +
+ +
+ ) : ( + (<> + {Object.entries(currentTabs).map( + ([tabKey, { component: Component, data }], i) => + currentTab === tabKey && ( +
+ {Object.keys(data).length === 0 && ( + + )} + +
+ ) + )} + ) + /* <> + {currentTab === "books" && ( + <> + {Object.keys(savedBooks).length === 0 && ( + + )} + + + )} + {currentTab === "authors" && ( + <> + {Object.keys(savedAuthors).length === 0 && ( + + )} + + + )} + */ + )} + ); }; export default LibraryResultData; diff --git a/components/listpage/BookList.js b/components/listpage/BookList.js index c147f07..afd9ed2 100644 --- a/components/listpage/BookList.js +++ b/components/listpage/BookList.js @@ -5,7 +5,7 @@ import CoverImage from "../global/CoverImage"; const BookList = (props) => { return ( -
+ (
{props.loading && } {!props.loading && props.books.map((data, i) => ( @@ -16,7 +16,7 @@ const BookList = (props) => {

{data.bookNumber}

- +

{data.title}

@@ -26,7 +26,7 @@ const BookList = (props) => { "https://www.goodreads.com", "" )} - > + legacyBehavior>

{data.author}

@@ -66,7 +66,7 @@ const BookList = (props) => {
))} -
+ ) ); }; diff --git a/components/questionspage/QuestionsResultData.js b/components/questionspage/QuestionsResultData.js index 701305d..525525c 100644 --- a/components/questionspage/QuestionsResultData.js +++ b/components/questionspage/QuestionsResultData.js @@ -10,36 +10,35 @@ const QuestionResults = ({ scrapedData }) => { const [imageError, setImageError] = useState(false); return ( -
- {scrapedData.questions && (
- - {!imageError ? ( - setImageError(true)} - /> - ) : ( - - )} - + className="flex lg:mr-8"> + + {!imageError ? ( + setImageError(true)} + /> + ) : ( + + )} +

Questions About{" "} @@ -48,8 +47,8 @@ const QuestionResults = ({ scrapedData }) => { "https://www.goodreads.com", "" )} - > - {scrapedData.book} + className="hover:underline"> + {scrapedData.book} :

@@ -81,7 +80,7 @@ const QuestionResults = ({ scrapedData }) => { {scrapedData.unansweredQuestions && ( )} -
+
) ); }; diff --git a/components/quotespage/QuotesResultData.js b/components/quotespage/QuotesResultData.js index 93e97a6..05dcaef 100644 --- a/components/quotespage/QuotesResultData.js +++ b/components/quotespage/QuotesResultData.js @@ -22,7 +22,7 @@ const QuotesResults = ({ scrapedData, singleQuote }) => { }; return ( -
{

Popular Tags:

{scrapedData.popularTags.slice(0, 15).map((data, i) => (
- +
+
) ); }; diff --git a/components/resultpage/ResultData.js b/components/resultpage/ResultData.js index e43dee6..a867b1b 100644 --- a/components/resultpage/ResultData.js +++ b/components/resultpage/ResultData.js @@ -108,10 +108,9 @@ const ResultData = ({ scrapedData }) => { "https://www.goodreads.com", "" )} + className="text-md italic text-center underline hover:text-rose-600" > - - {scrapedData.series} - + {scrapedData.series} )}

@@ -178,7 +177,7 @@ const ResultData = ({ scrapedData }) => { alt="" width="620" height="962" - fetchpriority="high" + fetchPriority="high" loading="eager" onLoad={() => setImageLoaded(true)} /> @@ -274,23 +273,22 @@ const ResultData = ({ scrapedData }) => { "https://www.goodreads.com", "" )} + className="flex justify-center items-center h-16 w-72 py-5 px-4 mt-2 font-semibold text-md text-gray-900 dark:text-gray-300 bg-rose-50 dark:bg-gray-800 rounded-2xl shadow-sm shadow-rose-800 hover:shadow-xl hover:bg-rose-300 dark:hover:bg-slate-800 transition duration-300 delay-40 hover:delay-40 ring ring-gray-400 dark:ring-gray-500 hover:ring-rose-600 dark:hover:ring-rose-600" > - - Browse This Series - - + Browse This Series + )} @@ -305,24 +303,23 @@ const ResultData = ({ scrapedData }) => { "https://www.goodreads.com", "" )} + className="flex items-center py-5 px-4 mx-2 xl:mx-0 font-semibold text-md text-gray-900 dark:text-gray-300 bg-rose-50 dark:bg-gray-800 rounded-full shadow-sm shadow-rose-800 hover:shadow-xl hover:bg-rose-300 dark:hover:bg-slate-800 transition duration-300 delay-40 hover:delay-40 ring ring-gray-400 dark:ring-gray-500 hover:ring-rose-600 dark:hover:ring-rose-600" > - - {scrapedData.quotes}{" "} - {scrapedData.quotes == "1" ? "Quote" : "Quotes"} - - + {scrapedData.quotes}{" "} + {scrapedData.quotes == "1" ? "Quote" : "Quotes"} + )} @@ -335,26 +332,25 @@ const ResultData = ({ scrapedData }) => { "https://www.goodreads.com/book", "/work/questions" )} + className="flex items-center py-5 px-4 mx-2 xl:mx-0 font-semibold text-md text-gray-900 dark:text-gray-300 bg-rose-50 dark:bg-gray-800 rounded-full shadow-sm shadow-rose-800 hover:shadow-xl hover:bg-rose-300 dark:hover:bg-slate-800 transition duration-300 delay-40 hover:delay-40 ring ring-gray-400 dark:ring-gray-500 hover:ring-rose-600 dark:hover:ring-rose-600" > - - {scrapedData.questions}{" "} - {scrapedData.questions == "1" - ? "Question" - : "Questions"} - - + {scrapedData.questions}{" "} + {scrapedData.questions == "1" + ? "Question" + : "Questions"} + )} @@ -462,11 +458,9 @@ const ResultData = ({ scrapedData }) => { "/work/editions/" )} > - -

- View More Editions › -

- +

+ View More Editions › +

)} @@ -536,7 +530,6 @@ const ResultData = ({ scrapedData }) => { )} -
{scrapedData.quotesURL && scrapedData.quotesURL != "" && ( diff --git a/components/searchpage/BookResultData.js b/components/searchpage/BookResultData.js index 0b7520f..1bc7a27 100644 --- a/components/searchpage/BookResultData.js +++ b/components/searchpage/BookResultData.js @@ -13,7 +13,7 @@ const SearchResults = (props) => { }; return ( -
@@ -28,19 +28,18 @@ const SearchResults = (props) => { : " " } /> - {props.result && props.result.map((data, i) => ( ) ); }; diff --git a/components/searchpage/ListsResultData.js b/components/searchpage/ListsResultData.js index e3e80fa..dca13af 100644 --- a/components/searchpage/ListsResultData.js +++ b/components/searchpage/ListsResultData.js @@ -5,7 +5,7 @@ import CoverImage from "../global/CoverImage"; const SearchResults = (props) => { return ( -
@@ -24,7 +24,7 @@ const SearchResults = (props) => { +
) ); }; diff --git a/components/seriespage/SeriesList.js b/components/seriespage/SeriesList.js index 848e74a..db2a33a 100644 --- a/components/seriespage/SeriesList.js +++ b/components/seriespage/SeriesList.js @@ -4,21 +4,21 @@ import CoverImage from "../global/CoverImage"; const SeriesList = (props) => { return ( -
+ (
{props.books.map((data, i) => (
) ); }; diff --git a/pages/404.js b/pages/404.js index 7db3b11..265d903 100644 --- a/pages/404.js +++ b/pages/404.js @@ -13,7 +13,7 @@ export default function Custom404() { }, [router.asPath]); return ( -
+ (
@@ -59,10 +59,12 @@ export default function Custom404() {

- - + + Go Home - + {router.asPath && (