Skip to content

S
sweepstake
Commit 07735494 by Arjun Jhukal
Options

updated the loading state for game cred and also shifted the cred from server… 

updated the loading state for game cred and also shifted the cred from server side to client side rendering
parent d99cac5d
Showing with 213 additions and 48 deletions
package-lock.json
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
"@ckeditor/ckeditor5-source-editing": "^47.0.0", "@ckeditor/ckeditor5-source-editing": "^47.0.0",
"@emotion/react": "^11.14.0", "@emotion/react": "^11.14.0",
"@emotion/styled": "^11.14.1", "@emotion/styled": "^11.14.1",
"@lottiefiles/dotlottie-react": "^0.17.5",
"@mui/material": "^7.3.2", "@mui/material": "^7.3.2",
"@reduxjs/toolkit": "^2.9.0", "@reduxjs/toolkit": "^2.9.0",
"@tanstack/react-table": "^8.21.3", "@tanstack/react-table": "^8.21.3",
...@@ -14438,6 +14439,24 @@ ...@@ -14438,6 +14439,24 @@
"@jridgewell/sourcemap-codec": "^1.4.14" "@jridgewell/sourcemap-codec": "^1.4.14"
} }
}, },
"node_modules/@lottiefiles/dotlottie-react": {
"version": "0.17.5",
"resolved": "https://registry.npmjs.org/@lottiefiles/dotlottie-react/-/dotlottie-react-0.17.5.tgz",
"integrity": "sha512-7CRfJOvA5EjPgiQok972Tg9zCY0/XsIhagiDCdb4zlywExmwYZoN4KOjf4KvwJVMRCrYtHp/txoXPG7se9ijfA==",
"license": "MIT",
"dependencies": {
"@lottiefiles/dotlottie-web": "0.54.1"
},
"peerDependencies": {
"react": "^17 || ^18 || ^19"
}
},
"node_modules/@lottiefiles/dotlottie-web": {
"version": "0.54.1",
"resolved": "https://registry.npmjs.org/@lottiefiles/dotlottie-web/-/dotlottie-web-0.54.1.tgz",
"integrity": "sha512-Xq6wKvQ1hJUAalctrrVSZNIPStJBEAzSsQl4rtinPEfl6LBZdos0GGfVLdyGjZZYODzoG28SMN09YKAC9Kz6RQ==",
"license": "MIT"
},
"node_modules/@mui/core-downloads-tracker": { "node_modules/@mui/core-downloads-tracker": {
"version": "7.3.2", "version": "7.3.2",
"resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-7.3.2.tgz", "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-7.3.2.tgz",
......
package.json
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
"@ckeditor/ckeditor5-source-editing": "^47.0.0", "@ckeditor/ckeditor5-source-editing": "^47.0.0",
"@emotion/react": "^11.14.0", "@emotion/react": "^11.14.0",
"@emotion/styled": "^11.14.1", "@emotion/styled": "^11.14.1",
"@lottiefiles/dotlottie-react": "^0.17.5",
"@mui/material": "^7.3.2", "@mui/material": "^7.3.2",
"@reduxjs/toolkit": "^2.9.0", "@reduxjs/toolkit": "^2.9.0",
"@tanstack/react-table": "^8.21.3", "@tanstack/react-table": "^8.21.3",
......
public/loading.json 0 → 100644
{"v":"5.5.7","meta":{"g":"LottieFiles AE 0.1.20","a":"","k":"","d":"","tc":""},"fr":30,"ip":0,"op":75,"w":600,"h":600,"nm":"for lottie","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":0,"nm":"Pre-comp 5","td":1,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[300,300,0],"ix":2},"a":{"a":0,"k":[300,300,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":600,"h":600,"ip":0,"op":120,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 1","tt":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":31,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.309,"y":1},"o":{"x":0.496,"y":0},"t":57,"s":[67.805,181.797,0],"to":[74,42.667,0],"ti":[-74,-42.667,0]},{"t":75,"s":[511.805,437.797,0]}],"ix":2},"a":{"a":0,"k":[-112.195,1.797,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[117.835,522.695],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.889545994179,0.52650122549,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-112.195,1.797],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":120,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":3,"nm":"front","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[0]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":33,"s":[395]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":42,"s":[351]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":49,"s":[365]},{"t":55,"s":[360]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[300,300,0],"to":[0,-6.667,0],"ti":[0,-10,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":15,"s":[300,260,0],"to":[0,10,0],"ti":[0,-6.667,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[300,360,0],"to":[0,6.667,0],"ti":[0,10,0]},{"t":46,"s":[300,300,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":8,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":22,"s":[100,85,100]},{"i":{"x":[0.833,0.833,0.833],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":29,"s":[100,100,100]},{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":37,"s":[100,85,100]},{"t":55,"s":[100,100,100]}],"ix":6}},"ao":0,"ip":1,"op":121,"st":1,"bm":0},{"ddd":0,"ind":4,"ty":3,"nm":"back","parent":3,"sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":7,"s":[0,-20,0],"to":[0,5.02,0],"ti":[0,4.627,0]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":21,"s":[0,10.118,0],"to":[0,-4.627,0],"ti":[0,5.02,0]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0},"t":36,"s":[0,-47.765,0],"to":[0,-5.02,0],"ti":[0,-4.627,0]},{"t":54,"s":[0,-20,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":120,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"coin Outlines 16","parent":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2},"a":{"a":0,"k":[193.551,193.552,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[4.759,-3.795],[3.82,-0.946],[0,0],[-2.147,-1.342],[0,-6.385]],"o":[[-2.535,2.021],[0,0],[3.097,1.237],[5.881,3.676],[0,6.143]],"v":[[22.927,59.637],[13.375,64.068],[13.375,25.774],[21.246,29.642],[30.067,44.73]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[2.437,1.701],[0,5.782],[-4.481,3.975],[-4.28,0.928],[0,0]],"o":[[-5.097,-3.552],[0,-6.144],[2.817,-2.501],[0,0],[-4.039,-1.48]],"v":[[-17.561,-28.003],[-25.205,-42.007],[-18.485,-57.186],[-7.837,-62.326],[-7.837,-23.234]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[25.646,10.12],[9.862,2.297],[0,0],[-2.134,-2.323],[-1.029,-2.073],[-9.095,0],[0,0],[9.3,14.263],[4.673,3.948],[17.238,1.806],[0,0],[5.857,0],[0,-5.858],[0,0],[11.58,-10.058],[0,-17.348],[-42.71,-9.82],[0,0],[3.867,3.22],[1.597,3.553],[8.822,0],[-8.345,-13.767],[-0.48,-0.727],[-11.818,-5.842],[-11.742,-0.913],[0,0],[-5.858,0],[0,5.859],[0,0],[-11.486,8.901],[0,17.83]],"o":[[-7.082,-2.779],[0,0],[3.278,1.217],[1.6,1.742],[3.807,7.672],[0,0],[17.952,0],[-3.095,-4.747],[-11.193,-9.453],[0,0],[0,-5.858],[-5.858,0],[0,0],[-17.746,1.355],[-13.385,11.627],[0,29.576],[0,0],[-5.58,-1.121],[-2.969,-2.469],[-3.397,-7.564],[-17.01,0],[0.445,0.735],[6.72,10.182],[9.523,4.708],[0,0],[0,5.859],[5.857,0],[0,0],[16.889,-1.714],[14.221,-11.022],[0,-24.938]],"v":[[38.802,-10.023],[13.375,-17.633],[13.375,-61.135],[21.498,-55.831],[25.441,-50.109],[46.337,-37.309],[47.625,-37.309],[67.675,-69.803],[56.023,-82.846],[13.375,-99.732],[13.375,-109.83],[2.77,-120.437],[-7.837,-109.83],[-7.837,-100.049],[-51.833,-82.937],[-71.909,-39.477],[-7.837,19.61],[-7.837,64.425],[-22.013,57.922],[-28.86,48.89],[-49.289,36.599],[-68.93,67.381],[-67.541,69.576],[-39.737,93.61],[-7.837,102.04],[-7.837,109.829],[2.77,120.437],[13.375,109.829],[13.375,101.756],[55.939,85.839],[77.275,42.562]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.783122762044,0.070281862745,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[190.868,193.551],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":121,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"coin Outlines 15","parent":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2},"a":{"a":0,"k":[193.551,193.552,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[78.977,0],[0,78.977],[-78.977,0],[0,-78.977]],"o":[[-78.977,0],[0,-78.977],[78.977,0],[0,78.977]],"v":[[-0.001,142.999],[-143.001,-0.001],[-0.001,-143.001],[142.999,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[106.758,0],[0,-106.757],[-106.757,0],[0,106.758]],"o":[[-106.757,0],[0,106.758],[106.758,0],[0,-106.757]],"v":[[-0.001,-193.301],[-193.301,-0.001],[-0.001,193.301],[193.302,-0.001]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.783122762044,0.070281862745,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[193.552,193.552],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":121,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"coin Outlines 12","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,20,0],"ix":2},"a":{"a":0,"k":[193.551,193.552,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[4.759,-3.795],[3.82,-0.946],[0,0],[-2.147,-1.342],[0,-6.385]],"o":[[-2.535,2.021],[0,0],[3.097,1.237],[5.881,3.676],[0,6.143]],"v":[[22.927,59.637],[13.375,64.068],[13.375,25.774],[21.246,29.642],[30.067,44.73]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[2.437,1.701],[0,5.782],[-4.481,3.975],[-4.28,0.928],[0,0]],"o":[[-5.097,-3.552],[0,-6.144],[2.817,-2.501],[0,0],[-4.039,-1.48]],"v":[[-17.561,-28.003],[-25.205,-42.007],[-18.485,-57.186],[-7.837,-62.326],[-7.837,-23.234]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":11,"s":[{"i":[[25.646,10.12],[9.862,2.297],[0,0],[-2.134,-2.323],[-1.029,-2.073],[-9.095,0],[0,0],[9.3,14.263],[4.673,3.948],[17.238,1.806],[0,0],[5.857,0],[0,-5.858],[0,0],[11.58,-10.058],[0,-17.348],[-42.71,-9.82],[0,0],[3.867,3.22],[1.597,3.553],[8.822,0],[-8.345,-13.767],[-0.48,-0.727],[-11.818,-5.842],[-11.742,-0.913],[0,0],[-5.858,0],[0,5.859],[0,0],[-11.486,8.901],[0,17.83]],"o":[[-7.082,-2.779],[0,0],[3.278,1.217],[1.6,1.742],[3.807,7.672],[0,0],[17.952,0],[-3.095,-4.747],[-11.193,-9.453],[0,0],[0,-5.858],[-5.858,0],[0,0],[-17.746,1.355],[-13.385,11.627],[0,29.576],[0,0],[-5.58,-1.121],[-2.969,-2.469],[-3.397,-7.564],[-17.01,0],[0.445,0.735],[6.72,10.182],[9.523,4.708],[0,0],[0,5.859],[5.857,0],[0,0],[16.889,-1.714],[14.221,-11.022],[0,-24.938]],"v":[[38.802,-10.023],[13.375,-17.633],[13.375,-61.135],[21.498,-55.831],[25.441,-50.109],[46.337,-37.309],[47.625,-37.309],[67.675,-69.803],[56.023,-82.846],[13.375,-99.732],[13.375,-109.83],[2.77,-120.437],[-7.837,-109.83],[-7.837,-100.049],[-51.833,-82.937],[-71.909,-39.477],[-7.837,19.61],[-7.837,64.425],[-22.013,57.922],[-28.86,48.89],[-49.289,36.599],[-68.93,67.381],[-67.541,69.576],[-39.737,93.61],[-7.837,102.04],[-7.837,109.829],[2.77,120.437],[13.375,109.829],[13.375,101.756],[55.939,85.839],[77.275,42.562]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":21,"s":[{"i":[[25.646,10.12],[9.862,2.297],[0,0],[-2.134,-2.323],[-1.029,-2.073],[-9.095,0],[0,0],[13.508,40.852],[4.673,3.948],[17.238,1.806],[0,0],[5.857,0],[0,-5.858],[0,0],[11.58,-10.058],[0,-17.348],[-42.71,-9.82],[0,0],[3.867,3.22],[1.597,3.553],[8.822,0],[-8.345,-13.767],[-0.48,-0.727],[-11.818,-5.842],[-11.742,-0.913],[0,0],[-5.858,0],[0,5.859],[0,0],[-11.486,8.901],[0,17.83]],"o":[[-7.082,-2.779],[0,0],[3.278,1.217],[1.6,1.742],[3.807,7.672],[0,0],[17.952,0],[-1.779,-5.38],[-11.193,-9.453],[0,0],[0,-5.858],[-5.858,0],[0,0],[-17.746,1.355],[-13.385,11.627],[0,29.576],[0,0],[-5.58,-1.121],[-2.969,-2.469],[-3.397,-7.564],[-17.01,0],[0.445,0.735],[6.72,10.182],[9.523,4.708],[0,0],[0,5.859],[5.857,0],[0,0],[16.889,-1.714],[14.221,-11.022],[0,-24.938]],"v":[[38.802,-10.023],[13.375,-17.633],[13.375,-61.135],[21.498,-55.831],[25.441,-50.109],[46.337,-37.309],[47.625,-37.309],[69.675,-93.921],[56.023,-82.846],[13.375,-99.732],[13.375,-109.83],[2.77,-120.437],[-7.837,-109.83],[-7.837,-100.049],[-51.833,-82.937],[-71.909,-39.477],[-7.837,19.61],[-7.837,64.425],[-22.013,57.922],[-28.86,48.89],[-59.289,11.304],[-68.93,67.381],[-67.541,69.576],[-39.737,93.61],[-7.837,102.04],[-7.837,109.829],[2.77,120.437],[13.375,109.829],[13.375,101.756],[55.939,85.839],[77.275,42.562]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.333,"y":0},"t":29,"s":[{"i":[[25.646,10.12],[9.862,2.297],[0,0],[-2.134,-2.323],[-1.029,-2.073],[-9.095,0],[0,0],[9.3,14.263],[4.673,3.948],[17.238,1.806],[0,0],[5.857,0],[0,-5.858],[0,0],[11.58,-10.058],[0,-17.348],[-42.71,-9.82],[0,0],[3.867,3.22],[1.597,3.553],[8.822,0],[-8.345,-13.767],[-0.48,-0.727],[-11.818,-5.842],[-11.742,-0.913],[0,0],[-5.858,0],[0,5.859],[0,0],[-11.486,8.901],[0,17.83]],"o":[[-7.082,-2.779],[0,0],[3.278,1.217],[1.6,1.742],[3.807,7.672],[0,0],[17.952,0],[-3.095,-4.747],[-11.193,-9.453],[0,0],[0,-5.858],[-5.858,0],[0,0],[-17.746,1.355],[-13.385,11.627],[0,29.576],[0,0],[-5.58,-1.121],[-2.969,-2.469],[-3.397,-7.564],[-17.01,0],[0.445,0.735],[6.72,10.182],[9.523,4.708],[0,0],[0,5.859],[5.857,0],[0,0],[16.889,-1.714],[14.221,-11.022],[0,-24.938]],"v":[[38.802,-10.023],[13.375,-17.633],[13.375,-61.135],[21.498,-55.831],[25.441,-50.109],[46.337,-37.309],[47.625,-37.309],[67.675,-69.803],[56.023,-82.846],[13.375,-99.732],[13.375,-109.83],[2.77,-120.437],[-7.837,-109.83],[-7.837,-100.049],[-51.833,-82.937],[-71.909,-39.477],[-7.837,19.61],[-7.837,64.425],[-22.013,57.922],[-28.86,48.89],[-49.289,36.599],[-68.93,67.381],[-67.541,69.576],[-39.737,93.61],[-7.837,102.04],[-7.837,109.829],[2.77,120.437],[13.375,109.829],[13.375,101.756],[55.939,85.839],[77.275,42.562]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"t":36,"s":[{"i":[[25.646,10.12],[9.862,2.297],[0,0],[-2.134,-2.323],[-1.029,-2.073],[-9.095,0],[0,0],[-3.387,16.687],[4.673,3.948],[17.238,1.806],[0,0],[5.857,0],[0,-5.858],[0,0],[11.58,-10.058],[0,-17.348],[-42.71,-9.82],[0,0],[3.867,3.22],[1.597,3.553],[8.822,0],[-12.387,-42.246],[-0.48,-0.727],[-11.818,-5.842],[-11.742,-0.913],[0,0],[-5.858,0],[0,5.859],[0,0],[-11.486,8.901],[0,17.83]],"o":[[-7.082,-2.779],[0,0],[3.278,1.217],[1.6,1.742],[3.807,7.672],[0,0],[17.952,0],[6.758,-33.297],[-11.193,-9.453],[0,0],[0,-5.858],[-5.858,0],[0,0],[-17.746,1.355],[-13.385,11.627],[0,29.576],[0,0],[-5.58,-1.121],[-2.969,-2.469],[-3.397,-7.564],[-17.01,0],[0.242,0.825],[6.72,10.182],[9.523,4.708],[0,0],[0,5.859],[5.857,0],[0,0],[16.889,-1.714],[14.221,-11.022],[0,-24.938]],"v":[[38.802,-10.023],[13.375,-17.633],[13.375,-61.135],[21.498,-55.831],[25.441,-50.109],[40.837,-32.898],[44.875,-29.957],[70.675,-32.156],[56.023,-82.846],[13.375,-99.732],[13.375,-109.83],[2.77,-120.437],[-7.837,-109.83],[-7.837,-100.049],[-51.833,-82.937],[-71.909,-39.477],[-7.837,19.61],[-7.837,64.425],[-22.013,57.922],[-28.86,48.89],[-49.289,36.599],[-70.18,91.499],[-60.291,98.106],[-39.737,93.61],[-7.837,102.04],[-7.837,109.829],[2.77,120.437],[13.375,109.829],[13.375,101.756],[55.939,85.839],[77.275,42.562]],"c":true}]},{"t":46,"s":[{"i":[[25.646,10.12],[9.862,2.297],[0,0],[-2.134,-2.323],[-1.029,-2.073],[-9.095,0],[0,0],[9.3,14.263],[4.673,3.948],[17.238,1.806],[0,0],[5.857,0],[0,-5.858],[0,0],[11.58,-10.058],[0,-17.348],[-42.71,-9.82],[0,0],[3.867,3.22],[1.597,3.553],[8.822,0],[-8.345,-13.767],[-0.48,-0.727],[-11.818,-5.842],[-11.742,-0.913],[0,0],[-5.858,0],[0,5.859],[0,0],[-11.486,8.901],[0,17.83]],"o":[[-7.082,-2.779],[0,0],[3.278,1.217],[1.6,1.742],[3.807,7.672],[0,0],[17.952,0],[-3.095,-4.747],[-11.193,-9.453],[0,0],[0,-5.858],[-5.858,0],[0,0],[-17.746,1.355],[-13.385,11.627],[0,29.576],[0,0],[-5.58,-1.121],[-2.969,-2.469],[-3.397,-7.564],[-17.01,0],[0.445,0.735],[6.72,10.182],[9.523,4.708],[0,0],[0,5.859],[5.857,0],[0,0],[16.889,-1.714],[14.221,-11.022],[0,-24.938]],"v":[[38.802,-10.023],[13.375,-17.633],[13.375,-61.135],[21.498,-55.831],[25.441,-50.109],[46.337,-37.309],[47.625,-37.309],[67.675,-69.803],[56.023,-82.846],[13.375,-99.732],[13.375,-109.83],[2.77,-120.437],[-7.837,-109.83],[-7.837,-100.049],[-51.833,-82.937],[-71.909,-39.477],[-7.837,19.61],[-7.837,64.425],[-22.013,57.922],[-28.86,48.89],[-49.289,36.599],[-68.93,67.381],[-67.541,69.576],[-39.737,93.61],[-7.837,102.04],[-7.837,109.829],[2.77,120.437],[13.375,109.829],[13.375,101.756],[55.939,85.839],[77.275,42.562]],"c":true}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.872411151961,0.354176480162,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[190.868,193.551],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":121,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"coin Outlines 13","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2},"a":{"a":0,"k":[193.551,193.552,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[78.977,0],[0,78.977],[-78.977,0],[0,-78.977]],"o":[[-78.977,0],[0,-78.977],[78.977,0],[0,78.977]],"v":[[-0.001,142.999],[-143.001,-0.001],[-0.001,-143.001],[142.999,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[106.758,0],[0,-106.757],[-106.757,0],[0,106.758]],"o":[[-106.757,0],[0,106.758],[106.758,0],[0,-106.757]],"v":[[-0.001,-193.301],[-193.301,-0.001],[-0.001,193.301],[193.302,-0.001]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.872411151961,0.354176480162,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[193.552,213.552],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":121,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"coin Outlines 14","parent":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2},"a":{"a":0,"k":[193.551,193.552,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[106.758,0],[0,-106.757],[-106.757,0],[0,106.758]],"o":[[-106.757,0],[0,106.758],[106.758,0],[0,-106.757]],"v":[[-0.001,-193.301],[-193.301,-0.001],[-0.001,193.301],[193.302,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.93762254902,0.484761286717,0.001795358985,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[193.552,193.551],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":121,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"coin Outlines 3","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,20,0],"ix":2},"a":{"a":0,"k":[193.551,193.552,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[106.758,0],[0,-106.757],[-106.757,0],[0,106.758]],"o":[[-106.757,0],[0,106.758],[106.758,0],[0,-106.757]],"v":[[-0.001,-193.301],[-193.301,-0.001],[-0.001,193.301],[193.302,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.872411151961,0.354176480162,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[193.552,193.551],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":121,"st":0,"bm":0}]},{"id":"comp_1","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"coin Outlines 18","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[300,300,0],"ix":2},"a":{"a":0,"k":[193.551,193.552,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[4.759,-3.795],[3.82,-0.946],[0,0],[-2.147,-1.342],[0,-6.385]],"o":[[-2.535,2.021],[0,0],[3.097,1.237],[5.881,3.676],[0,6.143]],"v":[[22.927,59.637],[13.375,64.068],[13.375,25.774],[21.246,29.642],[30.067,44.73]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[2.437,1.701],[0,5.782],[-4.481,3.975],[-4.28,0.928],[0,0]],"o":[[-5.097,-3.552],[0,-6.144],[2.817,-2.501],[0,0],[-4.039,-1.48]],"v":[[-17.561,-28.003],[-25.205,-42.007],[-18.485,-57.186],[-7.837,-62.326],[-7.837,-23.234]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[25.646,10.12],[9.862,2.297],[0,0],[-2.134,-2.323],[-1.029,-2.073],[-9.095,0],[0,0],[9.3,14.263],[4.673,3.948],[17.238,1.806],[0,0],[5.857,0],[0,-5.858],[0,0],[11.58,-10.058],[0,-17.348],[-42.71,-9.82],[0,0],[3.867,3.22],[1.597,3.553],[8.822,0],[-8.345,-13.767],[-0.48,-0.727],[-11.818,-5.842],[-11.742,-0.913],[0,0],[-5.858,0],[0,5.859],[0,0],[-11.486,8.901],[0,17.83]],"o":[[-7.082,-2.779],[0,0],[3.278,1.217],[1.6,1.742],[3.807,7.672],[0,0],[17.952,0],[-3.095,-4.747],[-11.193,-9.453],[0,0],[0,-5.858],[-5.858,0],[0,0],[-17.746,1.355],[-13.385,11.627],[0,29.576],[0,0],[-5.58,-1.121],[-2.969,-2.469],[-3.397,-7.564],[-17.01,0],[0.445,0.735],[6.72,10.182],[9.523,4.708],[0,0],[0,5.859],[5.857,0],[0,0],[16.889,-1.714],[14.221,-11.022],[0,-24.938]],"v":[[38.802,-10.023],[13.375,-17.633],[13.375,-61.135],[21.498,-55.831],[25.441,-50.109],[46.337,-37.309],[47.625,-37.309],[67.675,-69.803],[56.023,-82.846],[13.375,-99.732],[13.375,-109.83],[2.77,-120.437],[-7.837,-109.83],[-7.837,-100.049],[-51.833,-82.937],[-71.909,-39.477],[-7.837,19.61],[-7.837,64.425],[-22.013,57.922],[-28.86,48.89],[-49.289,36.599],[-68.93,67.381],[-67.541,69.576],[-39.737,93.61],[-7.837,102.04],[-7.837,109.829],[2.77,120.437],[13.375,109.829],[13.375,101.756],[55.939,85.839],[77.275,42.562]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.783122762044,0.070281862745,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[190.868,193.551],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":121,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"coin Outlines 17","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[300,300,0],"ix":2},"a":{"a":0,"k":[193.551,193.552,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[78.977,0],[0,78.977],[-78.977,0],[0,-78.977]],"o":[[-78.977,0],[0,-78.977],[78.977,0],[0,78.977]],"v":[[-0.001,142.999],[-143.001,-0.001],[-0.001,-143.001],[142.999,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[106.758,0],[0,-106.757],[-106.757,0],[0,106.758]],"o":[[-106.757,0],[0,106.758],[106.758,0],[0,-106.757]],"v":[[-0.001,-193.301],[-193.301,-0.001],[-0.001,193.301],[193.302,-0.001]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.783122762044,0.070281862745,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[193.552,193.552],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":121,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"lottie_freebie","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[300,300,0],"ix":2},"a":{"a":0,"k":[300,300,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"w":600,"h":600,"ip":0,"op":120,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
src/app/(auth)/verify-email/page.tsx
...@@ -15,7 +15,8 @@ export default function VerifyEmail() { ...@@ -15,7 +15,8 @@ export default function VerifyEmail() {
<h1 className='text-[24px] lg:text-[32px] leading-[120%] font-bold mb-4'>Verify your email to <h1 className='text-[24px] lg:text-[32px] leading-[120%] font-bold mb-4'>Verify your email to
get the fun started</h1> get the fun started</h1>
{/* <Typography variant="h1" className='font-[700]'></Typography> */} {/* <Typography variant="h1" className='font-[700]'></Typography> */}
<p className='text-[14px] leading-[120%] font-normal lg:text-[16px] mb-4'>Check the link sent to <strong className='underline text-secondary'>abc@gmail.com</strong> to activate your account.</p> {/* <p className='text-[14px] leading-[120%] font-normal lg:text-[16px] mb-4'>Check the link sent to <strong className='underline text-secondary'>abc@gmail.com</strong> to activate your account.</p> */}
<p className='text-[14px] leading-[120%] font-normal lg:text-[16px] mb-4'>Check your email for verification link.</p>
<Button fullWidth size="large" type="submit" variant="contained" color="primary" className='!mb-6' onClick={() => { <Button fullWidth size="large" type="submit" variant="contained" color="primary" className='!mb-6' onClick={() => {
router.replace(PATH.DASHBOARD.ROOT) router.replace(PATH.DASHBOARD.ROOT)
}}> }}>
......
src/app/(dashboard)/(user)/(outsideAuth)/buy-coins/[slug]/loading.tsx 0 → 100644
// components/Loading.tsx
"use client";
import React from "react";
import LotifyLoading from "@/components/atom/LotifyLoading";
import GlobalLoading from "@/components/organism/GlobalLoading";
export default function Loading() {
return (
<GlobalLoading />
);
}
src/app/(dashboard)/(user)/(outsideAuth)/buy-coins/loading.tsx 0 → 100644
// components/Loading.tsx
"use client";
import React from "react";
import LotifyLoading from "@/components/atom/LotifyLoading";
import GlobalLoading from "@/components/organism/GlobalLoading";
export default function Loading() {
return (
<GlobalLoading />
);
}
src/app/(dashboard)/(user)/(outsideAuth)/general/[slug]/loading.tsx
// components/Loading.tsx // components/Loading.tsx
import React from 'react'; "use client";
import React from "react";
import LotifyLoading from "@/components/atom/LotifyLoading";
import GlobalLoading from "@/components/organism/GlobalLoading";
export default function Loading() { export default function Loading() {
return ( return (
<div className="flex items-center justify-center h-[60vh]"> <GlobalLoading />
<div className="flex flex-col items-center">
{/* Spinner */}
<div className="w-12 h-12 border-4 border-gray-200 border-t-primary rounded-full animate-spin"></div>
<p className="mt-4 text-gray-600 font-medium text-lg">Loading...</p>
</div>
</div>
); );
} }
src/app/(dashboard)/(user)/(outsideAuth)/loading.tsx
// components/Loading.tsx // components/Loading.tsx
import GlobalLoading from '@/components/organism/GlobalLoading';
import React from 'react'; import React from 'react';
export default function Loading() { export default function Loading() {
return ( return (
<div className="flex items-center justify-center h-[60vh]"> <GlobalLoading />
<div className="flex flex-col items-center">
{/* Spinner */}
<div className="w-12 h-12 border-4 border-gray-200 border-t-primary rounded-full animate-spin"></div>
<p className="mt-4 text-gray-600 font-medium text-lg">Loading...</p>
</div>
</div>
); );
} }
src/app/(dashboard)/(user)/(outsideAuth)/support/loading.tsx 0 → 100644
// components/Loading.tsx
"use client";
import React from "react";
import LotifyLoading from "@/components/atom/LotifyLoading";
import GlobalLoading from "@/components/organism/GlobalLoading";
export default function Loading() {
return (
<GlobalLoading />
);
}
src/app/(dashboard)/(user)/(outsideAuth)/withdrawl/loading.tsx 0 → 100644
// components/Loading.tsx
"use client";
import React from "react";
import LotifyLoading from "@/components/atom/LotifyLoading";
import GlobalLoading from "@/components/organism/GlobalLoading";
export default function Loading() {
return (
<GlobalLoading />
);
}
src/app/(dashboard)/(user)/(privateUser)/credentials/loading.tsx
// components/Loading.tsx // components/Loading.tsx
import GlobalLoading from '@/components/organism/GlobalLoading';
import React from 'react'; import React from 'react';
export default function Loading() { export default function Loading() {
return ( return (
<div className="flex items-center justify-center h-[60vh]"> <GlobalLoading />
<div className="flex flex-col items-center">
{/* Spinner */}
<div className="w-12 h-12 border-4 border-gray-200 border-t-primary rounded-full animate-spin"></div>
<p className="mt-4 text-gray-600 font-medium text-lg">Loading...</p>
</div>
</div>
); );
} }
src/app/globals.css
...@@ -444,4 +444,14 @@ ...@@ -444,4 +444,14 @@
border: 1px solid rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
} }
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
} }
\ No newline at end of file
src/components/atom/LotifyLoading.tsx 0 → 100644
"use client";
import React from 'react'
import { DotLottieReact } from '@lottiefiles/dotlottie-react';
export default function LotifyLoading() {
return (
<DotLottieReact
src="/loading.json"
loop
autoplay
/>
)
}
src/components/molecules/Toast.tsx
...@@ -28,7 +28,7 @@ export default function Toast() { ...@@ -28,7 +28,7 @@ export default function Toast() {
return ( return (
<Snackbar <Snackbar
open={isActive} open={isActive}
anchorOrigin={{ vertical: "top", horizontal: "right" }} anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
onClose={() => dispatch(closeToast())} onClose={() => dispatch(closeToast())}
autoHideDuration={autoTimeout ? duration || 3000 : null} autoHideDuration={autoTimeout ? duration || 3000 : null}
sx={{ zIndex: 9999 }} sx={{ zIndex: 9999 }}
......
src/components/organism/Cards/UserProfileCard.tsx
...@@ -7,7 +7,7 @@ import Image from 'next/image' ...@@ -7,7 +7,7 @@ import Image from 'next/image'
import React from 'react' import React from 'react'
export default function UserProfileCard({ balance, loading }: { balance: any; loading?: boolean }) { export default function UserProfileCard({ balance, loading }: { balance: any; loading?: boolean }) {
const user = useAppSelector(state => state.auth.user); const user = useAppSelector(state => state?.auth.user);
const { date } = formatDateTime(user?.registered_date as string); const { date } = formatDateTime(user?.registered_date as string);
return ( return (
...@@ -35,7 +35,7 @@ export default function UserProfileCard({ balance, loading }: { balance: any; lo ...@@ -35,7 +35,7 @@ export default function UserProfileCard({ balance, loading }: { balance: any; lo
</div> </div>
{/* Other Cards */} {/* Other Cards */}
<div className="col-span-2 flex flex-col sm:flex-row gap-2"> {/* <div className="col-span-2 flex flex-col sm:flex-row gap-2">
{[0, 1, 2].map((_, index) => ( {[0, 1, 2].map((_, index) => (
<div <div
key={index} key={index}
...@@ -49,7 +49,7 @@ export default function UserProfileCard({ balance, loading }: { balance: any; lo ...@@ -49,7 +49,7 @@ export default function UserProfileCard({ balance, loading }: { balance: any; lo
</div> </div>
</div> </div>
))} ))}
</div> </div> */}
</div>) : </div>) :
(<div className="grid grid-cols-1 md:grid-cols-2 gap-2 mt-4"> (<div className="grid grid-cols-1 md:grid-cols-2 gap-2 mt-4">
<div className="col-span-1 md:col-span-2 rounded-[14px] p-4 lg:py-6" style={{ background: "rgba(191, 26, 198, 0.10)" }}> <div className="col-span-1 md:col-span-2 rounded-[14px] p-4 lg:py-6" style={{ background: "rgba(191, 26, 198, 0.10)" }}>
...@@ -61,7 +61,7 @@ export default function UserProfileCard({ balance, loading }: { balance: any; lo ...@@ -61,7 +61,7 @@ export default function UserProfileCard({ balance, loading }: { balance: any; lo
</div> </div>
</div> </div>
</div> </div>
<div className="col-span-2 flex flex-col sm:flex-row gap-2"> {/* <div className="col-span-2 flex flex-col sm:flex-row gap-2">
<div className="w-full rounded-[14px] p-4 lg:py-6 flex justify-center sm:block text-left sm:text-center gap-3" style={{ background: "rgba(191, 26, 198, 0.10)" }}> <div className="w-full rounded-[14px] p-4 lg:py-6 flex justify-center sm:block text-left sm:text-center gap-3" style={{ background: "rgba(191, 26, 198, 0.10)" }}>
<Image src={"/assets/images/deposit.svg"} alt='' width={48} height={48} className='sm:mx-auto' /> <Image src={"/assets/images/deposit.svg"} alt='' width={48} height={48} className='sm:mx-auto' />
<div className="content mt-3 "> <div className="content mt-3 ">
...@@ -83,7 +83,7 @@ export default function UserProfileCard({ balance, loading }: { balance: any; lo ...@@ -83,7 +83,7 @@ export default function UserProfileCard({ balance, loading }: { balance: any; lo
<span className="text-white text-[9px]">Total Winnings</span> <span className="text-white text-[9px]">Total Winnings</span>
</div> </div>
</div> </div>
</div> </div> */}
</div>) </div>)
} }
</GlassWrapper> </GlassWrapper>
......
src/components/organism/GlobalLoading.tsx 0 → 100644
import React from 'react'
import LotifyLoading from '../atom/LotifyLoading'
export default function GlobalLoading() {
return (
<div className="flex items-center justify-center h-[80vh]">
<div className="flex flex-col items-center text-center">
<div className="w-40 h-40">
<LotifyLoading />
</div>
<p className="mt-6 text-gray-700 dark:text-gray-300 font-semibold text-lg animate-pulse tracking-wide">
Loading<span className="text-primary">...</span>
</p>
<p className="mt-2 text-sm text-gray-500 dark:text-gray-400">
Please wait while we prepare your content
</p>
</div>
</div>
)
}
src/components/pages/dashboard/userDashboard/buyCoins/buyCoinSinlgeGame/CoinCalculator.tsx
...@@ -74,7 +74,7 @@ export default function CoinCalculator({ slug }: { slug: string }) { ...@@ -74,7 +74,7 @@ export default function CoinCalculator({ slug }: { slug: string }) {
</p> </p>
</div> </div>
<div className="bonus"> <div className="bonus">
<strong className='text-[16px] block'>+ 10</strong> <strong className='text-[16px] block'>+ {amount} Bonus</strong>
{/* <span className='text-[12px]'>bonus</span> */} {/* <span className='text-[12px]'>bonus</span> */}
</div> </div>
</div> </div>
......
src/components/pages/dashboard/userDashboard/buyCoins/buyCoinSinlgeGame/checkout/index.tsx
...@@ -100,7 +100,7 @@ export default function CheckoutPage({ amount, slug, bonus }: { ...@@ -100,7 +100,7 @@ export default function CheckoutPage({ amount, slug, bonus }: {
}) })
) )
} }
}}>Proceed to Payment</Button> }}>{gettingLink ? "Proceeding to Payment..." : "Proceed to Payment"}</Button>
<p className="text-[11px] leading-[120%] mt-8 mb-2 text-center">Powered By</p> <p className="text-[11px] leading-[120%] mt-8 mb-2 text-center">Powered By</p>
<div className="flex justify-center items-center gap-4"> <div className="flex justify-center items-center gap-4">
......
src/components/pages/dashboard/userDashboard/gameCredentials/CredentialsCard.tsx
import { Box, Button } from '@mui/material' import { Box, Button, CircularProgress } from '@mui/material'
import Image from 'next/image' import Image from 'next/image'
import React from 'react' import React from 'react'
import BalanceRefresh from './BalanceRefresh' import BalanceRefresh from './BalanceRefresh'
...@@ -10,9 +10,10 @@ import { CardPasswordField } from './CardPasswordHandler' ...@@ -10,9 +10,10 @@ import { CardPasswordField } from './CardPasswordHandler'
import CopyToClipboard from './CopyToClipboard' import CopyToClipboard from './CopyToClipboard'
import GameIframeDialog from '../games/exclusiveGames/exclusiveGameDetail/GameIframeDialog' import GameIframeDialog from '../games/exclusiveGames/exclusiveGameDetail/GameIframeDialog'
import GlassWrapper from '@/components/molecules/GlassWrapper' import GlassWrapper from '@/components/molecules/GlassWrapper'
import { b } from 'framer-motion/client'
export default function CredentialsCard({ cred, balance }: { cred: CredentialsProps; balance: any }) { export default function CredentialsCard({ cred, balance, balanceLoading }: { cred: CredentialsProps; balance: any, balanceLoading?: boolean }) {
const currentBalance = balance?.data?.game_information?.[cred.name] || null; const currentBalance = balance?.data?.game_information?.[cred.name] || null;
const scValue = const scValue =
...@@ -25,10 +26,19 @@ export default function CredentialsCard({ cred, balance }: { cred: CredentialsPr ...@@ -25,10 +26,19 @@ export default function CredentialsCard({ cred, balance }: { cred: CredentialsPr
<Image src={cred?.logo || "/assets/images/fallback.png"} alt={cred?.full_name} className='rounded-full aspect-square' width={74} height={74} /> <Image src={cred?.logo || "/assets/images/fallback.png"} alt={cred?.full_name} className='rounded-full aspect-square' width={74} height={74} />
<div className="game__detail"> <div className="game__detail">
<strong className='block text-[16px] text-white'>{cred.full_name}</strong> <strong className='block text-[16px] text-white'>{cred.full_name}</strong>
<p className="text-[14px] my-[6px] uppercase"> {balanceLoading ? <div className='flex items-center gap-2 mb-2'>
<CircularProgress
size={10}
thickness={5}
color='inherit'
/>
<span className='text-gray-400 text-[10px]'>
Updating balance...
</span>
</div> : <p className="text-[14px] my-[6px] uppercase">
{currentBalance?.type === "sc" && `sc: ${scValue ?? "N/A"}`} {currentBalance?.type === "sc" && `sc: ${scValue ?? "N/A"}`}
{currentBalance?.type === "gc" && `gc: ${gcValue ?? "N/A"}`} {currentBalance?.type === "gc" && `gc: ${gcValue ?? "N/A"}`}
</p> </p>}
<BalanceRefresh label='Refresh Balance' icon={true} /> <BalanceRefresh label='Refresh Balance' icon={true} />
</div> </div>
......
src/components/pages/dashboard/userDashboard/gameCredentials/index.tsx
"use client";
import React from 'react' import React from 'react'
import CredentialsCard from './CredentialsCard' import CredentialsCard from './CredentialsCard'
import { getUserGameBalance, getUserGameCredentials } from '@/serverApi/game'; import { useGetUserGameBalanceQuery, useGetUserGameCredentialsQuery } from '@/services/userApi';
import GlassWrapper from '@/components/molecules/GlassWrapper';
export default async function GameCredentialsPage() { function CredentialsCardShimmer() {
const creds = await getUserGameCredentials(); return (
const balance = await getUserGameBalance(); <GlassWrapper className="p-4 lg:p-6 animate-pulse">
<>
{/* Header */}
<div className="credentials__header flex gap-2 items-center">
<div className="w-[74px] h-[74px] rounded-full bg-gray-700/50"></div>
<div className="flex-1 space-y-2">
<div className="h-4 bg-gray-700/50 w-3/4 rounded"></div>
<div className="h-3 bg-gray-700/40 w-1/2 rounded"></div>
<div className="h-3 bg-gray-700/30 w-1/3 rounded"></div>
</div>
</div>
{/* List */}
<ul className="mt-4 space-y-2">
{[1, 2, 3].map((i) => (
<li
key={i}
className="py-2 border-t border-b border-[rgba(255,255,255,0.2)] grid grid-cols-2 items-center"
>
<div className="h-3 bg-gray-700/50 rounded w-3/4"></div>
<div className="h-3 bg-gray-700/30 rounded w-2/4 justify-self-end"></div>
</li>
))}
</ul>
{/* Buttons */}
<div className="action__group mt-4 flex flex-col md:flex-row justify-between gap-2 md:gap-4">
<div className="h-10 bg-gray-700/40 rounded w-full md:w-1/2"></div>
<div className="h-10 bg-gray-700/30 rounded w-full md:w-1/2"></div>
</div>
</>
</GlassWrapper>
);
}
export default function GameCredentialsPage() {
const { data: creds, isLoading: loadingCreds } = useGetUserGameCredentialsQuery();
const { data: balance, isLoading: loadingBalance } = useGetUserGameBalanceQuery();
console.log("creds", creds);
console.log("balance", balance);
return ( return (
<section className="credentials__listing "> <section className="credentials__listing ">
<div className="section__title mb-8 lg:max-w-[521px]"> <div className="section__title mb-8 lg:max-w-[521px]">
...@@ -13,11 +54,21 @@ export default async function GameCredentialsPage() { ...@@ -13,11 +54,21 @@ export default async function GameCredentialsPage() {
</div> </div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 3xl:grid-cols-4 gap-2 lg:gap-4"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 3xl:grid-cols-4 gap-2 lg:gap-4">
{creds?.data.length ? creds?.data.map((cred) => ( {loadingCreds
<div className="col-span-1" key={cred.full_name}> ? Array.from({ length: 6 }).map((_, i) => (
<CredentialsCard cred={cred} balance={balance} /> <CredentialsCardShimmer key={i} />
</div> ))
)) : ""} : creds?.data?.length
? creds.data.map((cred) => (
<div className="col-span-1" key={cred.full_name}>
<CredentialsCard
cred={cred}
balance={balance}
balanceLoading={loadingBalance}
/>
</div>
))
: ""}
</div> </div>
</section> </section>
) )
......
src/components/pages/dashboard/userDashboard/games/exclusiveGames/exclusiveGameDetail/index.tsx
...@@ -53,7 +53,7 @@ export default function ExclusiveGameDetail({ game }: { game: SingleGameResponse ...@@ -53,7 +53,7 @@ export default function ExclusiveGameDetail({ game }: { game: SingleGameResponse
borderRadius: "16px" borderRadius: "16px"
}} className="flex justify-center items-center gap-2 py-4 px-6 border border-secondary"> }} className="flex justify-center items-center gap-2 py-4 px-6 border border-secondary">
<div className="coins"> <div className="coins">
<Link href={`/withdrawl/${game?.data?.id}`}> <Link href={`/withdrawl`}>
<strong className="text-[16px] leading-4 font-[600] block mb-1 text-secondary">Withdraw Coins</strong> <strong className="text-[16px] leading-4 font-[600] block mb-1 text-secondary">Withdraw Coins</strong>
</Link> </Link>
</div> </div>
......
src/services/userApi.ts
...@@ -45,9 +45,15 @@ export const userApi = createApi({ ...@@ -45,9 +45,15 @@ export const userApi = createApi({
url: "/api/detail/get-balance", url: "/api/detail/get-balance",
method: "GET" method: "GET"
}) })
}) }),
getUserGameCredentials: builder.query<CredentialsResponseProps, void>({
query: () => ({
url: `/api/credentials`,
method: "GET"
})
}),
}) })
}) })
export const { useAddUserWalletMutation, useUpdateUserProfileMutation, useGetUserBalanceQuery, useGetUserBalanceBySlugQuery, useGetUserGameBalanceQuery } = userApi; export const { useAddUserWalletMutation, useUpdateUserProfileMutation, useGetUserBalanceQuery, useGetUserBalanceBySlugQuery, useGetUserGameBalanceQuery, useGetUserGameCredentialsQuery } = userApi;
\ No newline at end of file \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment