From d40089b630ae5c3857ec436b420ece67a2e306db Mon Sep 17 00:00:00 2001
From: Ayo <ayo@ayco.io>
Date: Mon, 22 Jun 2026 21:50:08 +0200
Subject: [PATCH] fix: leader board gets duplicated when switching levels while
 previous is still loading

---
 app/main.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/main.js b/app/main.js
index fcd3645..262934f 100644
--- a/app/main.js
+++ b/app/main.js
@@ -13,20 +13,23 @@ const version = import.meta.env.MODE === 'development'
 
 const initializeGameBoard = async (level) => {
   const prevousLeaderBoard = document.getElementById('leaderboard')
+  const prevousLoadingWrapper = document.getElementById('loading-wrapper')
+  prevousLoadingWrapper?.remove()
   const loadingWrapper = document.createElement('div')
   loadingWrapper.id = 'loading-wrapper'
   loadingService.addLoading(loadingWrapper)
 
   const appElement = document.getElementById('app')
+
   if (prevousLeaderBoard){
     const parent = prevousLeaderBoard.parentNode
     parent.replaceChild(loadingWrapper, prevousLeaderBoard)
   }else{
     appElement.append(loadingWrapper)
   }
+
   const leaderBoardWrapper = await leaderBoardService.update(level.id, `Best Times (${level.name})`)
   leaderBoardWrapper.id = 'leaderboard'
-
   appElement.replaceChild(leaderBoardWrapper, loadingWrapper)
 }