From 3db0054ad64f5a77c11053864badbf78c7cdf593 Mon Sep 17 00:00:00 2001
From: Daniel Heras Quesada <dherasq@axpe.com>
Date: Wed, 17 Jan 2024 13:43:14 +0100
Subject: [PATCH] Final css details

---
 .../src/app/word-list/components/serverside-word-list.tsx    | 5 +++++
 presentation/src/app/word-list/page.tsx                      | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/presentation/src/app/word-list/components/serverside-word-list.tsx b/presentation/src/app/word-list/components/serverside-word-list.tsx
index aef9091..ad3e648 100644
--- a/presentation/src/app/word-list/components/serverside-word-list.tsx
+++ b/presentation/src/app/word-list/components/serverside-word-list.tsx
@@ -1,9 +1,14 @@
 import RevalidateButton from './revalidate-button'
 import { fetchWordlist } from '../utils'
+import { useEffect } from 'react'
 
 export default async function ServerWordList() {
     const response = await fetchWordlist()
 
+    useEffect(() => {
+        console.log('Peta?')
+    }, [])
+
     return (
         <div data-testid="word-list-view" className="data-fetching-server">
             <h3>
diff --git a/presentation/src/app/word-list/page.tsx b/presentation/src/app/word-list/page.tsx
index e066682..4e3cadb 100644
--- a/presentation/src/app/word-list/page.tsx
+++ b/presentation/src/app/word-list/page.tsx
@@ -6,8 +6,8 @@ import ServerWordList from './components/serverside-word-list'
 export default function WordList() {
     return (
         <div className="data-fetching">
-            <ServerWordList />
             <ClientWordList />
+            <ServerWordList />
             <NextAPIWordList />
         </div>
     )