Skip to content

S
sweepstake
Commit 649bb5c9 by Arjun Jhukal
Options

updated the minor changes

parent 97a329ca
Showing with 45 additions and 18 deletions
src/app/(dashboard)/(admin)/AdminAnalytics.tsx
"use client";
import MoreIcon from '@/app/customIcons/MoreIcon';
import { useGetAnalyticsQuery } from '@/services/dashboardApi';
import { AnalyticsProps } from '@/types/dashboard';
import { formatDateTime } from '@/utils/formatDateTime';
......@@ -143,7 +144,8 @@ export default function AdminAnalytics() {
}}
onClick={() => handleToggle(index)}
>
<More className="rotate-90" variant="TwoTone" />
{/* <More className="rotate-90" variant="TwoTone" /> */}
<MoreIcon />
</IconButton>
<Popper
open={open}
......
src/app/customIcons/MoreIcon.tsx 0 → 100644
import React from 'react'
export default function MoreIcon() {
return (
<svg width="3" height="13" viewBox="0 0 3 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.30114 11.0646C2.30114 11.38 2.18821 11.6506 1.96236 11.8764C1.73651 12.1023 1.46591 12.2152 1.15057 12.2152C0.835227 12.2152 0.564631 12.1023 0.338778 11.8764C0.112926 11.6506 0 11.38 0 11.0646C0 10.7493 0.112926 10.4787 0.338778 10.2528C0.564631 10.027 0.835227 9.91406 1.15057 9.91406C1.35938 9.91406 1.55114 9.96733 1.72585 10.0739C1.90057 10.1761 2.04119 10.3146 2.14773 10.4893C2.25 10.6598 2.30114 10.8516 2.30114 11.0646Z" fill="#0E0E11" />
<path d="M2.30114 6.1076C2.30114 6.42294 2.18821 6.69354 1.96236 6.91939C1.73651 7.14524 1.46591 7.25817 1.15057 7.25817C0.835227 7.25817 0.564631 7.14524 0.338778 6.91939C0.112926 6.69354 0 6.42294 0 6.1076C0 5.79226 0.112926 5.52166 0.338778 5.29581C0.564631 5.06996 0.835227 4.95703 1.15057 4.95703C1.35938 4.95703 1.55114 5.0103 1.72585 5.11683C1.90057 5.2191 2.04119 5.3576 2.14773 5.53232C2.25 5.70277 2.30114 5.89453 2.30114 6.1076Z" fill="#0E0E11" />
<path d="M2.30114 1.15057C2.30114 1.46591 2.18821 1.73651 1.96236 1.96236C1.73651 2.18821 1.46591 2.30114 1.15057 2.30114C0.835227 2.30114 0.564631 2.18821 0.338778 1.96236C0.112926 1.73651 0 1.46591 0 1.15057C0 0.835227 0.112926 0.564631 0.338778 0.338778C0.564631 0.112926 0.835227 0 1.15057 0C1.35938 0 1.55114 0.0532671 1.72585 0.159801C1.90057 0.262074 2.04119 0.400568 2.14773 0.575284C2.25 0.745739 2.30114 0.9375 2.30114 1.15057Z" fill="#0E0E11" />
</svg>
)
}
src/app/globals.css
......@@ -225,7 +225,7 @@
.lg-backdrop,
.lg-outer {
z-index: 9990;
z-index: 9990 !important;
}
.banner-desc span {
......
src/components/molecules/Action.tsx
import MoreIcon from '@/app/customIcons/MoreIcon';
import { Box, Button, ClickAwayListener, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Fade, IconButton, List, ListItem, Paper, Popper } from '@mui/material'
import { More } from '@wandersonalwes/iconsax-react'
import Link from 'next/link';
......@@ -30,7 +31,13 @@ export default function ActionGroup({
ref={anchorRef}
onClick={handleToggle}
>
<More className='rotate-90' variant="TwoTone" />
{/* <More className='rotate-90' variant="TwoTone" /> */}
{/* <div className="flex flex-col gap-1">
<span className="bg-black w-1 h-1 rounded-full"></span>
<span className="bg-black w-1 h-1 rounded-full"></span>
<span className="bg-black w-1 h-1 rounded-full"></span>
</div> */}
<MoreIcon />
</IconButton>
<Popper
open={open}
......
src/components/molecules/TableHeader.tsx
import { Button, IconButton, InputAdornment, OutlinedInput } from "@mui/material";
import { Button, IconButton, InputAdornment, OutlinedInput, useMediaQuery } from "@mui/material";
import SelectField from "../atom/SelectField";
import { DocumentDownload, SearchNormal } from "@wandersonalwes/iconsax-react";
......@@ -17,6 +17,7 @@ export default function TableHeader({
setFilterMethod,
onDownloadCSV,
}: TableHeaderProps) {
const downMD = useMediaQuery((theme) => theme.breakpoints.down('md'));
return (
<div className="table__header p-4 mb-4 flex justify-between">
<div className="inpute__field relative">
......@@ -49,7 +50,7 @@ export default function TableHeader({
</div> : ""}
<Button
startIcon={
<DocumentDownload size={16} />
!downMD && <DocumentDownload size={16} />
}
onClick={onDownloadCSV} sx={{
borderRadius: "8px",
......@@ -57,7 +58,7 @@ export default function TableHeader({
padding: "8px 16px",
color: "#0E0E11",
maxWidth: "fit-content",
}}>Download CSV</Button>
}}>{downMD ? <DocumentDownload size={16} /> : "Download CSV"}</Button>
</div>
);
}
src/components/organism/Header/Notification.tsx
......@@ -114,9 +114,9 @@ export default function NotificationPage({
notifications.map((notification, index) => {
const { date, time } = formatDateTime(notification.created_at);
return (
<ListItem className={`border-b-solid border-b-gray-100 border-b-[1px] rounded-sm !p-2 cursor-pointer ${notification.has_read ? "" : "bg-gray-100"} ${index > 0 ? "mb-2 " : ""}`} key={notification.id} onClick={() => handleNotificationClick(notification.id)}>
<p className='text-[12px] lg:text-[14px] leading-[120%] text-title line-clamp-2'>{notification.message}</p>
<p className='!text-[8px] mt-1 lg:text-[12px] leading-[120%] text-para-light'>{date}</p>
<ListItem className={`border-b-solid border-b-gray-100 border-b-[1px] rounded-sm !p-2 cursor-pointer mb-2 ${notification.has_read ? "" : "bg-gray-100"} ${index > 0 ? " " : ""}`} key={notification.id} onClick={() => handleNotificationClick(notification.id)}>
<p className='text-[12px] lg:text-[12px] leading-[120%] text-title line-clamp-2'>{notification.message}</p>
<p className='!text-[8px] mt-1 font-[500] lg:text-[12px] leading-[120%] text-para-light'>{date}</p>
</ListItem>
)
})
......
src/components/organism/Header/Profile.tsx
......@@ -127,7 +127,7 @@ export default function ProfileBlock() {
{user?.role || "User"}
</p>
</div>
<ArrowDown2 size={14} className='hidden lg:block' />
<ArrowDown2 size={14} className='text-primary hidden lg:block' />
</> : ""}
</div>
</a>
......
src/components/pages/dashboard/adminDashboard/players/index.tsx
......@@ -227,11 +227,13 @@ export default function PlayerListing() {
setSearch={setSearch}
onDownloadCSV={() => { }}
/>
<TabController
links={[{ label: "All", value: "" }, { label: "Subspended", value: "suspend" }]}
currentTab={currentTab}
onTabChange={handleTabChange}
/>
<div className="px-4">
<TabController
links={[{ label: "All", value: "" }, { label: "Subspended", value: "suspend" }]}
currentTab={currentTab}
onTabChange={handleTabChange}
/>
</div>
<CustomTable
table={table}
loading={loadingPlayer}
......
src/components/pages/dashboard/adminDashboard/transaction/TransactionTable.tsx
......@@ -51,14 +51,17 @@ export default function TransactionTable({ user_id, game_id, search, setSearch }
) : null;
return (
<button
<p
onClick={() => column.toggleSorting()}
className="flex items-center gap-1"
className="flex items-center gap-1 cursor-pointer"
>
#ID {arrow}
</button>
</p>
);
},
// cell:({row})=>(
// <span className="text-center">{row.original.id}</span>
// )
},
{
accessorKey: "name",
......
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