From 352919581e52e2c528d13075c771db170d5a11bf Mon Sep 17 00:00:00 2001
From: djmil <andriy@djmil.dev>
Date: Tue, 31 Oct 2023 20:33:36 +0100
Subject: [PATCH] add wobler

---
 .../src/components/Game/GameAction/Create.jsx   | 17 +++++------------
 webapp/src/context/app/reducer.js               |  2 +-
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/webapp/src/components/Game/GameAction/Create.jsx b/webapp/src/components/Game/GameAction/Create.jsx
index 34973ed..ec2fdc7 100644
--- a/webapp/src/components/Game/GameAction/Create.jsx
+++ b/webapp/src/components/Game/GameAction/Create.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { AppContext } from '../../../context/app'
 import { AppData } from '../../../context/data'
 import { WHITE, BLACK } from '../Stone'
+import Wobler from '../../Wobler'
 
 export default function Create() {
     const ctx = Definitions()
@@ -28,18 +29,10 @@ export default function Create() {
     console.log("ctx", ctx)
     return (
         <button
-            className={'game-action create'
-                + (ctx.isEnabled ? ' enabled' : ' disabled')
-                + (ctx.isFetching === true ? ' woble' : '')
-            }
+            className={'game-action create' + (ctx.isEnabled ? ' enabled' : ' disabled')}
             onClick={onClick}
         >
-            <span>C</span>
-            <span>r</span>
-            <span>e</span>
-            <span>a</span>
-            <span>t</span>
-            <span>e</span>
+            <Wobler text="Leaderboard" dance={ctx.fetching} />
         </button>
     )
 }
@@ -76,8 +69,8 @@ function Definitions() {
         hasCurrentUser,
         isEnabled,
 
-        isFetching: ctx.newGame.isFetching,
-        setFetching: (status) => { console.log("setFetching: ", status); dispatchCtx({ update: "newGame", isFetching: status }) },
+        fetching: ctx.newGame.fetching,
+        setFetching: (status) => { dispatchCtx({ update: "newGame", fetching: status }) },
 
         get_GameProposalRequest,
         clear_Message2Opponent: () => { dispatchCtx({ update: "newGame", message: '' }) },
diff --git a/webapp/src/context/app/reducer.js b/webapp/src/context/app/reducer.js
index 357e399..bb53b1d 100644
--- a/webapp/src/context/app/reducer.js
+++ b/webapp/src/context/app/reducer.js
@@ -25,7 +25,7 @@ export const initialState = {
     whitePlayer: '',
     blackPlayer: '',
     message: '',
-    isFetching: false,
+    fetching: false,
   },
 
 }