Api Upgraded

package.json

@@ -1,7 +1,7 @@
 {
   "name": "electron-vite-react-anime-player",
   "productName": "Anime Player",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Anime Player built with electron, vite and react",
   "author": "Priyanshu",
   "license": "MIT",

src/index.html

@@ -147,12 +147,10 @@
           <div class="key">No of Times Played:</div>
           <div class="value" id="noOfTimesPlayedText">--</div>
         </div>
-        <div class="d-none">
-          <br />
-          <div>
-            <div class="key">Your Rank:</div>
-            <div class="value">#<span id="rankText">--</span></div>
-          </div>
+        <br />
+        <div>
+          <div class="key">Your Rank:</div>
+          <div class="value">#<span id="rankText">--</span></div>
         </div>
       </main>
 
@@ -268,12 +266,12 @@
         <div class="input-container">
           <div class="input-text">
             <input
-            type="text"
-            id="usernameInputBox"
-            placeholder="Enter Your New Name"
+              type="text"
+              id="usernameInputBox"
+              placeholder="Enter Your New Name"
             />
           </div>
-          
+
           <div class="input-button">
             <button id="usernameInputBtn">Change Name</button>
           </div>

src/ts/api.ts

@@ -2,15 +2,16 @@ import { IAPIData } from "@/interface/IapiData";
 import { IUserData } from "@/interface/ILocalStorage";
 import { userScore } from "./functions";
 
+const location = window.location.hostname;
 const apiURL =
-  "https://script.google.com/macros/s/AKfycbzdh-sv8lYNXqo8kvSxufU_hiz_i-IIUt8Dr6KojNYFsD5ZCiNYV7ldgbuGLG2PNNPphg/exec";
+  "https://script.google.com/macros/s/AKfycbz8vXR3g9KmyXHVlxFcLfcJn6yEYdX96PKEyPf8vFRuhgCfqkhThgegD48Az1fpMOdncg/exec";
 
 export const localStorageKey = "app-user-details";
 
+
 export function register(username: string) {
   if (localStorage.getItem(localStorageKey) !== null) return;
 
-  const location = window.location.hostname;
   const payload = {
     name: username,
     nuid: 1,
@@ -44,7 +45,9 @@ export function register(username: string) {
   });
 }
 
-export async function updateScore() {
+export async function updateScore() {  
+  if (userScore == 0) return;
+
   const data = getLocalStorageData();
   if (data == null) return;
 
@@ -63,8 +66,6 @@ export async function updateScore() {
 
   setLocalStorageData(data);
 
-  var location = window.location.hostname;
-
   const payload = {
     id: data.id,
     name: data.name,
@@ -78,7 +79,14 @@ export async function updateScore() {
       body: JSON.stringify(payload),
     })
       .then((res) => res.json())
-      .then(resolve)
+      .then((data) => {
+        var userData = getLocalStorageData();
+        if (data.rank && userData) {
+          userData.rank = data.rank;
+          setLocalStorageData(userData);
+        }
+        resolve(data);
+      })
       .catch(reject);
   });
 }

src/ts/eventHandlers.ts

@@ -137,7 +137,7 @@ usernameExitBtn.onclick = () => {
 
 usernameInputBtn.onclick = () => {
   var isValid = validateName(usernameInputBox);
-  
+
   if (!isValid) {
     usernameInputBox.placeholder = "Invalid Name";
     usernameInputBox.value = "";