Adding fix for weird small card slow load in issue.

This commit is contained in:
Frank Delaguila
2022-11-11 18:14:53 -07:00
parent 371e317602
commit 8e90e42567

View File

@@ -107,12 +107,14 @@ export default function Home(props) {
<h2>Please search for a card!</h2> <h2>Please search for a card!</h2>
</div> </div>
: :
<section className="flex flex-wrap justify-center items-center"> <section className="justify-center items-center">
{loading && search !== "" ? {loading && search !== "" ?
<div className="flex justify-center items-center">
<div className="spinner mx-auto"></div> <div className="spinner mx-auto"></div>
</div>
: :
cardRow && cardRow.map( (row: any, i: number) => cardRow && cardRow.map( (row: any, i: number) =>
<Transition className="flex" key={`row-${i}`}> <Transition className="flex flex-wrap w-full" key={`row-${i}`}>
{row.map( (card: any, i: number) => {row.map( (card: any, i: number) =>
<Image onClick={() => { <Image onClick={() => {
setSelectedCard(card); setSelectedCard(card);