updated the player issue in new dashboard

src/components/organism/Header/UserHeader/UserCoinCard.tsx

@@ -36,7 +36,7 @@ export default function UserCoinCard() {
                     <SilverCoinIcon />
                     <div className="coins">
                         <strong className="text-[12px] leading-4 font-[600] text-[#93E0D8] block">{data?.data[0]?.value || 0}</strong>
-                        <span className="text-[9px] mt-[-2px] block">Silver Coins</span>
+                        <span className="text-[9px] mt-[-2px] block">Sweeps Coins</span>
                     </div>
                 </Box>
             </Box >

src/components/pages/dashboard/adminDashboard/pages/index.tsx

@@ -131,7 +131,7 @@ export default function GeneralPageLiting() {
                             ))}
                         </select>
                     </div>
-                    <Pagination count={data?.data?.pagination.total_pages || 1}
+                    <Pagination count={data?.data?.pagination?.total_pages || 1}
                         page={page}
                         onChange={(_, value) => setPage(value)} variant="outlined" shape="rounded" sx={{ gap: "8px" }} />
                 </div>

src/components/pages/dashboard/adminDashboard/players/index.tsx

@@ -173,7 +173,7 @@ export default function PlayerListing() {
                             ))}
                         </select>
                     </div>
-                    <Pagination count={data?.data?.pagination.total_pages || 1}
+                    <Pagination count={data?.data?.pagination?.total_pages || 1}
                         page={page}
                         onChange={(_, value) => setPage(value)} variant="outlined" shape="rounded" sx={{ gap: "8px" }} />
                 </div>

src/components/pages/dashboard/userDashboard/depositHistory/index.tsx

@@ -67,7 +67,7 @@ export default function DepositHistoryPage() {
 
       <div className="flex justify-between items-center mt-4 px-8 py-6">
 
-        <Pagination count={data?.data?.pagination.total_pages || 1}
+        <Pagination count={data?.data?.pagination?.total_pages || 1}
           page={page}
           onChange={(_, value) => setPage(value)} variant="outlined" shape="rounded" sx={{ gap: "8px" }} />
         <div>

src/components/pages/dashboard/userDashboard/gameCredentials/BalanceRefresh.tsx

+"use client"
+
 import { Refresh } from '@wandersonalwes/iconsax-react'
 import React from 'react'
 
-export default function BalanceRefresh({ label, icon }: { label: string; icon: boolean }) {
+export default function BalanceRefresh({ label, icon, onClick }: { label: string; icon: boolean; onClick?: () => void }) {
     return (
-        <p className='text-[10px] lg:text-[12px] leading-[120%] font-[500] bg-primary-grad py-1 px-2 rounded-[12px] flex items-center gap-1 max-w-fit cursor-pointer'>
+        <p className='text-[10px] lg:text-[12px] leading-[120%] font-[500] bg-primary-grad py-1 px-2 rounded-[12px] flex items-center gap-1 max-w-fit cursor-pointer' onClick={() => window.location.reload()} >
             {icon ? <Refresh size={12} /> : ""}
             {label || ""}
         </p>

src/components/pages/dashboard/userDashboard/gameCredentials/CardPasswordHandler.tsx

@@ -30,7 +30,7 @@ export const CardPasswordField = ({ password }: { password: string }) => {
                         !showPassword ? <Eye size={14} className='text-secondary' /> : <EyeSlash size={14} className='text-secondary' />
                     }
                 </p>
-                <BalanceRefresh label="Reset" icon={false} />
+                {/* <BalanceRefresh label="Reset" icon={false} /> */}
             </div>
         </div>
     </>

src/components/pages/dashboard/userDashboard/gameCredentials/CredentialsCard.tsx

@@ -49,10 +49,8 @@ export default function CredentialsCard({ cred, balance }: { cred: CredentialsPr
                 </li>
             </ul>
             <div className="action__group mt-4 flex justify-between gap-4">
-                <Button variant='contained' color='primary'
-                    startIcon={<Coin />}
-                >Buy Coins</Button>
-                <Link href={cred.game_url} className='ss-btn bg-secondary-grad flex justify-center items-center text-[#426A66] gap-2 '>
+                <Link href={"/buy-coins"} className='ss-btn bg-primary-grad flex justify-center items-center gap-1'><Coin />Buy Coins</Link>
+                <Link href={cred.game_url} target='_blank' className='ss-btn bg-secondary-grad flex justify-center items-center text-[#426A66] gap-2 '>
                     <TapIcon />
                     Play Game
                 </Link>

src/components/pages/dashboard/userDashboard/gameCredentials/index.tsx

@@ -12,9 +12,8 @@ export default async function GameCredentialsPage() {
                 <p className='text-[11px] lg:text-[14px]'>To start playing and cashing out your winnings, you’ll need a crypto wallet to purchase E-Credits and receive payouts. Don't worry—it’s quick and easy!</p>
             </div>
 
-            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl: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) => (
-
                     <div className="col-span-1" key={cred.full_name}>
                         <CredentialsCard cred={cred} balance={balance} />
                     </div>