Fix new events order

damianmarti · Nov 23, 2023 · 1df3ed1 · 1df3ed1
1 parent 3cb1370
commit 1df3ed1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/packages/nextjs/hooks/scaffold-eth/useScaffoldEventHistory.ts b/packages/nextjs/hooks/scaffold-eth/useScaffoldEventHistory.ts
@@ -104,7 +104,7 @@ export const useScaffoldEventHistory = <
           });
         }
         if (events && typeof fromBlock === "undefined") {
-          setEvents([...events, ...newEvents]);
+          setEvents([...newEvents, ...events]);
         } else {
           setEvents(newEvents);
         }

diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx
@@ -250,30 +250,30 @@ const Home: NextPage = () => {
               <p className="text-2xl font-bold">Bets</p>
               {betEvents &&
                 betEvents.map((event, index) => (
-                  <p key={index} className="mt-0">
+                  <div key={index} className="mt-0">
                     <Address address={event.args.player} />
                     Bet: {event.args.number}
-                  </p>
+                  </div>
                 ))}
             </div>
             <div className="flex flex-col bg-base-100 px-10 text-center items-center max-w-xs rounded-3xl">
               <p className="text-2xl font-bold">Rolls</p>
               {rollEvents &&
                 rollEvents.map((event, index) => (
-                  <p key={index} className="mt-0">
+                  <div key={index} className="mt-0">
                     <Address address={event.args.player} />
                     Number: {event.args.number}
-                  </p>
+                  </div>
                 ))}
             </div>
             <div className="flex flex-col bg-base-100 px-10 text-center items-center max-w-xs rounded-3xl">
               <p className="text-2xl font-bold">Winners</p>
               {winnerEvents &&
                 winnerEvents.map((event, index) => (
-                  <p key={index} className="mt-0">
+                  <div key={index} className="mt-0">
                     <Address address={event.args.winner} />
                     Number: {event.args.number}
-                  </p>
+                  </div>
                 ))}
             </div>
           </div>