Commit 87a34838 by Arjun Jhukal

updated the menu hover state for user

parent 14165217
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4299_24227)">
<g clipPath="url(#clip0_4299_24227)">
<path d="M21.7726 10.2582C27.6156 10.169 32.3846 14.7678 32.4977 20.6103C32.5144 21.4682 32.4286 22.3031 32.252 23.104C31.9529 24.46 31.7751 25.84 31.7751 27.2286V29.9129C31.7751 30.3241 31.4417 30.6575 31.0304 30.6575H28.3462C26.9575 30.6575 25.5776 30.8353 24.2215 31.1344C23.4207 31.3111 22.5858 31.3968 21.728 31.3802C15.8855 31.2671 11.2867 26.4983 11.3758 20.6554C11.4627 14.9523 16.0696 10.3454 21.7726 10.2582Z" fill="url(#paint0_linear_4299_24227)"/>
<path d="M21.7726 10.2582C27.6156 10.169 32.3846 14.7678 32.4977 20.6103C32.5144 21.4682 32.4286 22.3031 32.252 23.104C31.9529 24.46 31.7751 25.84 31.7751 27.2286V29.9129C31.7751 30.3241 31.4417 30.6575 31.0304 30.6575H28.3462C26.9575 30.6575 25.5776 30.8353 24.2215 31.1344C23.4207 31.3111 22.5858 31.3968 21.728 31.3802C15.8855 31.2671 11.2867 26.4983 11.3758 20.6554C11.4627 14.9523 16.0696 10.3454 21.7726 10.2582Z" fill="url(#paint1_linear_4299_24227)"/>
<path d="M13.5686 0.619355C6.45026 0.510605 0.640335 6.11316 0.50246 13.231C0.482272 14.276 0.58671 15.2933 0.801959 16.2689C1.16633 17.9209 1.38296 19.6021 1.38296 21.2939V24.564C1.38296 25.065 1.78908 25.4712 2.29014 25.4712H5.56026C7.25201 25.4712 8.9332 25.6878 10.5853 26.0522C11.5609 26.2674 12.5781 26.3719 13.6231 26.3516C20.7408 26.2138 26.3433 20.4041 26.2348 13.2858C26.1289 6.33791 20.5165 0.725417 13.5686 0.619355Z" fill="url(#paint2_linear_4299_24227)"/>
......
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4203_12951)">
<g clipPath="url(#clip0_4203_12951)">
<path d="M19.0004 28.291L9.61033 33.3504C9.21041 33.5659 8.71146 33.4164 8.49597 33.0164L0.524377 18.2216C0.308881 17.8217 0.458369 17.3227 0.858391 17.1072L10.2484 12.0478C10.6483 11.8323 11.1473 11.9818 11.3628 12.3819L19.3343 27.1767C19.5498 27.5766 19.4003 28.0755 19.0004 28.291Z" fill="url(#paint0_linear_4203_12951)"/>
<path d="M10.2353 12.0543L10.0322 12.1637L17.8813 26.7314C18.1004 27.138 17.9484 27.6452 17.5418 27.8643L8.37891 32.8013L8.48827 33.0043C8.70737 33.4109 9.21454 33.563 9.62122 33.3439L18.9871 28.2975C19.3937 28.0784 19.5458 27.5713 19.3267 27.1646L11.3681 12.3939C11.1491 11.9872 10.6418 11.8352 10.2353 12.0543Z" fill="url(#paint1_linear_4203_12951)"/>
<path d="M18.2448 27.8593L9.66663 32.4812C9.41878 32.6147 9.10973 32.522 8.97614 32.2743L1.40873 18.2293C1.27523 17.9816 1.36787 17.6724 1.61563 17.5388L10.1938 12.9169C10.4415 12.7834 10.7507 12.876 10.8843 13.1238L18.4518 27.1688C18.5853 27.4166 18.4925 27.7258 18.2448 27.8593Z" fill="url(#paint2_linear_4203_12951)"/>
......
<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4203_13077)">
<g clipPath="url(#clip0_4203_13077)">
<path d="M13.9372 37.1009L17.6738 35.9671C18.6051 35.6841 19.589 36.2092 19.8719 37.1405C20.1183 37.9551 19.7471 38.8101 19.0265 39.2004C20.8755 39.8846 22.8463 40.226 24.863 40.2C28.3169 40.157 31.6057 39.0323 34.3735 36.9469C36.079 35.6622 37.4895 34.0872 38.5531 32.2939C38.7487 31.9642 39.1761 31.8587 39.5029 32.059L41.3339 33.1815C41.6554 33.3786 41.7577 33.7974 41.5649 34.1214C40.2725 36.2944 38.5612 38.2032 36.4931 39.7613C33.1222 42.3002 29.1154 43.671 24.9068 43.7236C22.2807 43.7568 19.719 43.2779 17.332 42.3229C17.4282 43.1537 16.9221 43.9584 16.0959 44.2098C15.1644 44.492 14.1805 43.967 13.8975 43.0357L12.7628 39.2985C12.7263 39.2077 12.493 38.5964 12.8215 37.9524C13.1667 37.2759 13.8483 37.1197 13.9372 37.1009Z" fill="url(#paint0_linear_4203_13077)"/>
<path d="M14.1073 37.6252L17.8334 36.4939C18.3187 36.3465 18.849 36.5193 19.1532 36.924C19.2382 37.037 19.3028 37.1635 19.3443 37.3004C19.5099 37.8487 19.2663 38.4437 18.7641 38.7157L17.6942 39.2946L18.8352 39.717C20.7592 40.4291 22.7897 40.7777 24.8698 40.7516C28.4415 40.7065 31.8424 39.5429 34.7052 37.3871C36.6322 35.9351 38.1852 34.1419 39.3224 32.054L39.3996 31.9957L41.4328 33.2421C40.1421 35.6034 38.3594 37.6659 36.162 39.3209C32.8845 41.7898 28.9907 43.1216 24.9 43.173C22.3514 43.205 19.8741 42.7471 17.537 41.8118L16.6783 41.4678L16.7845 42.3868C16.8523 42.9673 16.4951 43.5125 15.9351 43.6826C15.4506 43.8298 14.9202 43.657 14.6154 43.2532C14.5304 43.1403 14.4665 43.0128 14.425 42.8759L13.2954 39.1573C13.2621 39.0706 13.1364 38.7138 13.2956 38.3162C13.5094 37.7823 14.0507 37.6391 14.1073 37.6252Z" fill="url(#paint1_linear_4203_13077)"/>
<path d="M12.8042 38.1644C12.9593 38.2812 13.116 38.3952 13.2744 38.5064C19.8498 43.1414 28.9218 43.2473 35.6938 38.1464C37.7198 36.6206 39.3546 34.7681 40.5794 32.718L41.3356 33.1815C41.6571 33.3786 41.7594 33.7974 41.5667 34.1214C40.2743 36.2944 38.5629 38.2032 36.4949 39.7613C33.124 42.3002 29.1172 43.671 24.9085 43.7236C22.2825 43.7568 19.7208 43.2779 17.3338 42.3229C17.4299 43.1537 16.9239 43.9584 16.0976 44.2098C15.1661 44.492 14.1822 43.967 13.8993 43.0357L12.7645 39.2985C12.7189 39.1629 12.6616 38.9341 12.6852 38.6507C12.7023 38.4447 12.7564 38.2786 12.8042 38.1644Z" fill="url(#paint2_linear_4203_13077)"/>
......
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4299_24260)">
<g clipPath="url(#clip0_4299_24260)">
<path d="M9.35833 8.428C7.82566 5.05667 9.93233 2.51333 12.0483 1.67067V1.676C12.0743 1.34933 12.117 1.05533 12.1617 0.808C12.2477 0.338 12.6603 0 13.139 0H19.4103C23.3123 0 25.873 4.55067 24.4237 8.53467L23.433 11.2593H10.6457L9.35899 8.42867L9.35833 8.428Z" fill="#0D3B8D"/>
<path d="M11.6861 8.68329C10.4968 6.06796 10.6641 3.76463 11.5295 1.91663C9.61148 2.94129 7.95148 5.33396 9.35814 8.42796L10.6448 11.2586H12.8568L11.6861 8.68329Z" fill="#00286F"/>
<path d="M26.1666 32H7.49994C6.50794 32 5.57394 31.5613 4.93861 30.796C4.30194 30.03 4.04194 29.0293 4.22461 28.0506L5.17194 23.0033C5.49927 21.238 6.78661 19.8426 8.52994 19.3633L13.1519 18.104C15.5593 17.4473 18.1066 17.4473 20.5153 18.104L25.1359 19.3633H25.1373C26.8806 19.8426 28.1679 21.238 28.4959 23.0046L29.4419 28.05C29.6246 29.0286 29.3653 30.0293 28.7286 30.796C28.0933 31.5613 27.1586 32 26.1666 32Z" fill="#0588E2"/>
......
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4299_24282)">
<g clipPath="url(#clip0_4299_24282)">
<path d="M31.4479 18.2835C31.5807 18.2223 31.6657 18.0893 31.6657 17.9431V14.0556C31.6657 13.9093 31.5807 13.7764 31.4479 13.7151L28.5474 12.376L27.4842 9.80583L28.5871 6.80971C28.6376 6.67252 28.6038 6.51846 28.5004 6.41508L25.7519 3.66477C25.6484 3.56127 25.4942 3.52739 25.3569 3.57796L22.3592 4.68258L19.7891 3.61771L18.4518 0.717268C18.3905 0.584393 18.2576 0.499268 18.1112 0.499268H14.2219C14.0757 0.499268 13.9427 0.584268 13.8815 0.71708L12.5423 3.61771L9.97392 4.68252L6.97617 3.57789C6.83898 3.52739 6.68479 3.56114 6.58136 3.66458L3.83104 6.41489C3.72761 6.51833 3.69373 6.67252 3.74436 6.80977L4.84892 9.80571L3.78404 12.3759L0.88523 13.715C0.75248 13.7763 0.66748 13.9092 0.66748 14.0555V17.943C0.66748 18.0891 0.75248 18.2221 0.88523 18.2834L3.78404 19.6225L4.84898 22.1927L4.17167 24.0308L1.48611 26.717C0.95823 27.2438 0.667543 27.9475 0.667543 28.6984C0.667543 29.4493 0.958105 30.1532 1.48586 30.681C2.03229 31.2273 2.74998 31.5005 3.46767 31.5005C4.18542 31.5005 4.90317 31.2273 5.44954 30.6809L8.13817 27.9917L9.97386 27.316L12.5423 28.3808L13.8815 31.2815C13.9427 31.4143 14.0757 31.4993 14.2219 31.4993H18.1112C18.2575 31.4993 18.3905 31.4141 18.4518 31.2813L19.789 28.3809L21.8948 27.5096C22.3355 29.7797 24.3376 31.4993 26.7346 31.4993C29.4536 31.4993 31.6656 29.2872 31.6656 26.5683C31.6656 24.1712 29.946 22.1691 27.6759 21.7285L28.5473 19.6226L31.4479 18.2835H31.4479ZM16.1666 23.3405C15.1694 23.3405 14.2182 23.1403 13.3505 22.7785L14.5986 21.5301C15.1084 21.6746 15.6344 21.7478 16.1657 21.7478C19.3354 21.7478 21.9142 19.1691 21.9142 15.9993C21.9142 15.3867 21.8187 14.7845 21.6303 14.2095C21.5897 14.0857 21.4879 13.9918 21.3611 13.9615C21.2343 13.9311 21.101 13.9689 21.0089 14.061L18.4874 16.5808L15.5843 13.6778L18.1056 11.1581C18.1978 11.066 18.2355 10.9326 18.2053 10.8058C18.175 10.679 18.0811 10.577 17.9573 10.5365C17.3785 10.3469 16.7757 10.2508 16.1656 10.2508C12.9959 10.2508 10.4171 12.8296 10.4171 15.9993C10.4171 16.5306 10.4902 17.0566 10.6348 17.5665L9.38704 18.8145C9.02554 17.9471 8.82542 16.9962 8.82542 15.9993C8.82542 11.9514 12.1186 8.65821 16.1665 8.65821C20.2145 8.65821 23.5077 11.9514 23.5077 15.9993C23.5077 20.0473 20.2145 23.3405 16.1665 23.3405H16.1666Z" fill="#FFC250"/>
<path d="M21.6302 14.2095C21.5897 14.0857 21.4878 13.9919 21.361 13.9615C21.2342 13.9312 21.101 13.9689 21.0088 14.061L18.4873 16.5809L15.5842 13.6778L18.1055 11.1581C18.1977 11.066 18.2355 10.9326 18.2052 10.8058C18.175 10.679 18.081 10.577 17.9572 10.5365C17.3785 10.3469 16.7757 10.2509 16.1655 10.2509C12.9958 10.2509 10.417 12.8296 10.417 15.9994C10.417 16.5306 10.4902 17.0567 10.6347 17.5665L1.48604 26.7171C0.958168 27.2439 0.66748 27.9476 0.66748 28.6985C0.66748 29.4495 0.958043 30.1534 1.48579 30.6811C2.03223 31.2275 2.74992 31.5007 3.46761 31.5007C4.18536 31.5007 4.90311 31.2274 5.44948 30.681L14.5985 21.5302C15.1084 21.6747 15.6344 21.7479 16.1656 21.7479C19.3354 21.7479 21.9141 19.1691 21.9141 15.9994C21.9141 15.3867 21.8186 14.7845 21.6302 14.2095Z" fill="#4A80AA"/>
<path d="M21.6302 14.2095C21.5896 14.0857 21.4878 13.9918 21.361 13.9615C21.3031 13.9477 21.2439 13.9487 21.1878 13.9619C21.2553 14.3165 21.2901 14.6782 21.2901 15.0438C21.2901 18.2136 18.7113 20.7923 15.5416 20.7923C15.0103 20.7923 14.4843 20.7192 13.9745 20.5747L4.82544 29.7255C4.279 30.2719 3.56125 30.5451 2.84356 30.5452C2.12587 30.5452 1.40812 30.272 0.86175 29.7256C0.860937 29.7248 0.860188 29.7239 0.859375 29.7231C0.998 30.0784 1.20887 30.4042 1.48575 30.6811C2.03219 31.2275 2.74988 31.5007 3.46756 31.5007C4.18531 31.5007 4.90306 31.2274 5.44944 30.681L14.5985 21.5302C15.1083 21.6747 15.6343 21.7478 16.1656 21.7478C19.3353 21.7478 21.9141 19.1691 21.9141 15.9993C21.9141 15.3867 21.8186 14.7845 21.6302 14.2095Z" fill="#407093"/>
......
......@@ -207,7 +207,8 @@
background-color: #12a211;
}
.status.fail,.status.failed {
.status.fail,
.status.failed {
background-color: #d03538;
}
......@@ -388,19 +389,22 @@
} */
.active__menu {
background: rgba(255, 255, 255, 0.15);
/* background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 8px;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37),
/* border-radius: 8px; */
/* box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37),
inset 0 1px 0 0 rgba(255, 255, 255, 0.4),
0 0 20px rgba(255, 255, 255, 0.1),
0 0 20px rgba(255, 255, 255, 0.1), */
border-top: 1px solid rgba(255, 255, 255, 0.30);
background: var(--Primary-Grad, linear-gradient(90deg, #B100B8 0%, #F335ED 100%));
box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.30) inset, 0 2px 4px 0 rgba(255, 255, 255, 0.30) inset;
}
.active__menu * {
color: var(--color-primary);
color: var(--white);
}
.glass {
......
......@@ -19,7 +19,6 @@ export async function generateMetadata(): Promise<Metadata> {
const response = await pageSEO();
const seoData = response;
console.log(response);
return {
title: seoData?.data?.site_name || metadata.title,
description: seoData?.data?.description || metadata.description,
......
......@@ -20,7 +20,7 @@ interface TableHeaderProps {
// Multiple filters support
filters?: { value: string; setValue: (value: string) => void; options: FilterOption[], placeholder?: string }[];
filterOptions?: FilterOption[];
onDownloadCSV: () => void;
onDownloadCSV?: () => void;
downloading?: boolean;
debounceDelay?: number;
}
......@@ -102,7 +102,7 @@ export default function TableHeader({
)}
{/* Download Button */}
<Button
{onDownloadCSV && <Button
startIcon={!downMD && <DocumentDownload size={16} />}
onClick={onDownloadCSV}
sx={{
......@@ -114,7 +114,7 @@ export default function TableHeader({
}}
>
{downMD ? <DocumentDownload size={16} /> : downloading ? "Downloading..." : "Download CSV"}
</Button>
</Button>}
</div>
</div>
);
......
......@@ -21,24 +21,27 @@ import Private from "@/routes/Private";
import { PATH } from "@/routes/PATH";
import PrimaryMenu from "./PrimaryMenu";
import SupportIcon from "@/app/customIcons/SupportIcon";
import HomeIcon from "@/app/customIcons/HomeIcon";
import FireIcon from "@/app/customIcons/FireIcon";
import BonusIcon from "@/app/customIcons/BonusIcon";
// ✅ Define menu array for static items
const staticMenus = [
{
name: "Lobby",
icon: <Home size={18} />,
icon: <HomeIcon />,
path: PATH.DASHBOARD.ROOT,
match: (pathname: string) => pathname === PATH.DASHBOARD.ROOT,
},
{
name: "Exclusive Games",
icon: <StatusUp size={18} />,
icon: <FireIcon />,
path: PATH.USER.GAMES.ROOT,
match: (pathname: string) => pathname.startsWith(PATH.USER.GAMES.ROOT),
},
{
name: "Credentials",
icon: <Wallet2 size={18} />,
icon: <BonusIcon />,
path: "/credentials",
match: (pathname: string) => pathname.startsWith("/credentials"),
requireAuth: true
......@@ -106,7 +109,7 @@ export default function UserMenu({ open }: { open: boolean }) {
backdropFilter: "blur(12px)",
WebkitBackdropFilter: "blur(12px)",
border: "1px solid rgba(255, 255, 255, 0.25)",
borderRadius: "8px",
borderRadius: "38px",
boxShadow: `
0 8px 32px 0 rgba(0, 0, 0, 0.37),
inset 0 1px 0 0 rgba(255, 255, 255, 0.4),
......@@ -135,7 +138,7 @@ export default function UserMenu({ open }: { open: boolean }) {
>
<Link
href={menu.path}
className={`flex gap-2 items-center px-4 py-2 rounded-md transition-all ${[open ? "expanded" : "collapsed", isActive ? "active__menu" : ""].join(" ")
className={`flex gap-2 items-center px-4 py-2 transition-all rounded-[38px] ${[open ? "expanded" : "collapsed", isActive ? "active__menu" : ""].join(" ")
}`}
>
<ListItemIcon>{menu.icon}</ListItemIcon>
......
......@@ -107,7 +107,7 @@ export default function Activities() {
accessorKey: "details",
header: "Details",
cell: ({ row }) => (
<span className="text-[11px] text-para-light max-w-[250px] block truncate">
<span className="text-[11px] text-para-light max-w-[250px] block truncate line-clamp-2">
{row.original.log}
</span>
),
......
......@@ -7,6 +7,7 @@ import { PATH } from '@/routes/PATH';
import { useDeletePageByIdMutation, useGetAllPageQuery } from '@/services/pageApi';
import { showToast, ToastVariant } from '@/slice/toastSlice';
import { PageRequestProps } from '@/types/page';
import { formatDateTime } from '@/utils/formatDateTime';
import { Checkbox, Pagination } from '@mui/material';
import { ColumnDef, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
import React, { useMemo, useState } from 'react'
......@@ -71,7 +72,12 @@ export default function GeneralPageLiting() {
{
accessorKey: 'registeredDate',
header: 'Registered Date',
// cell:
cell: ({ row }) => {
const { date, time } = formatDateTime(row.original.date)
return (
<span className="text-[12px] font-[500] max-w-[380px]">{date}</span>
)
}
},
{
id: 'action',
......@@ -110,7 +116,7 @@ export default function GeneralPageLiting() {
<TableHeader
search={search}
setSearch={setSearch}
onDownloadCSV={() => { }}
// onDownloadCSV={() => { }}
/>
<CustomTable
table={table}
......
......@@ -3,7 +3,7 @@ import React from 'react'
export default function BitCoinIcon() {
return (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_5009_5424)">
<g clipPath="url(#clip0_5009_5424)">
<path d="M17.25 24C20.9779 24 24 20.9779 24 17.25C24 13.5221 20.9779 10.5 17.25 10.5C13.5221 10.5 10.5 13.5221 10.5 17.25C10.5 20.9779 13.5221 24 17.25 24Z" fill="#EA9706" />
<path d="M17.25 22.5C20.1495 22.5 22.5 20.1495 22.5 17.25C22.5 14.3505 20.1495 12 17.25 12C14.3505 12 12 14.3505 12 17.25C12 20.1495 14.3505 22.5 17.25 22.5Z" fill="#FFAC00" />
<path d="M17.625 20.625H16.875C16.3777 20.625 15.9008 20.4275 15.5492 20.0758C15.1975 19.7242 15 19.2473 15 18.75C15 18.6505 15.0395 18.5552 15.1098 18.4848C15.1802 18.4145 15.2755 18.375 15.375 18.375C15.4745 18.375 15.5698 18.4145 15.6402 18.4848C15.7105 18.5552 15.75 18.6505 15.75 18.75C15.75 19.0484 15.8685 19.3345 16.0795 19.5455C16.2905 19.7565 16.5766 19.875 16.875 19.875H17.625C17.9234 19.875 18.2095 19.7565 18.4205 19.5455C18.6315 19.3345 18.75 19.0484 18.75 18.75C18.75 18.4516 18.6315 18.1655 18.4205 17.9545C18.2095 17.7435 17.9234 17.625 17.625 17.625H16.875C16.3777 17.625 15.9008 17.4275 15.5492 17.0758C15.1975 16.7242 15 16.2473 15 15.75C15 15.2527 15.1975 14.7758 15.5492 14.4242C15.9008 14.0725 16.3777 13.875 16.875 13.875H17.625C18.1223 13.875 18.5992 14.0725 18.9508 14.4242C19.3025 14.7758 19.5 15.2527 19.5 15.75C19.5 15.8495 19.4605 15.9448 19.3902 16.0152C19.3198 16.0855 19.2245 16.125 19.125 16.125C19.0255 16.125 18.9302 16.0855 18.8598 16.0152C18.7895 15.9448 18.75 15.8495 18.75 15.75C18.75 15.4516 18.6315 15.1655 18.4205 14.9545C18.2095 14.7435 17.9234 14.625 17.625 14.625H16.875C16.5766 14.625 16.2905 14.7435 16.0795 14.9545C15.8685 15.1655 15.75 15.4516 15.75 15.75C15.75 16.0484 15.8685 16.3345 16.0795 16.5455C16.2905 16.7565 16.5766 16.875 16.875 16.875H17.625C18.1223 16.875 18.5992 17.0725 18.9508 17.4242C19.3025 17.7758 19.5 18.2527 19.5 18.75C19.5 19.2473 19.3025 19.7242 18.9508 20.0758C18.5992 20.4275 18.1223 20.625 17.625 20.625Z" fill="#F3F3F3" />
......
......@@ -5,6 +5,7 @@ export interface PageRequestProps {
name: string;
slug: string;
description: string;
date?: string;
content: {
description: string;
heading: string;
......
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