dark mode notif + new button remove
This commit is contained in:
@@ -12,7 +12,7 @@ function DialogsLayout({ children }: { children: React.ReactNode }) {
|
|||||||
return (
|
return (
|
||||||
<ClientSideWrapper>
|
<ClientSideWrapper>
|
||||||
<main className={clsx(
|
<main className={clsx(
|
||||||
'h-full w-full overflow-y-auto noscrollbar pt-4 pb-6 px-6',
|
'h-full dark:bg-background w-full overflow-y-auto noscrollbar pt-4 pb-6 px-6',
|
||||||
isCheckoutPage
|
isCheckoutPage
|
||||||
? 'bg-background dark:bg-background'
|
? 'bg-background dark:bg-background'
|
||||||
: 'bg-container lg:bg-background'
|
: 'bg-container lg:bg-background'
|
||||||
|
|||||||
@@ -99,13 +99,13 @@ export default function NotificationsIndex({ }: Props) {
|
|||||||
{
|
{
|
||||||
notificationsCount?.data?.count && notificationsCount?.data?.count > 0 ? (
|
notificationsCount?.data?.count && notificationsCount?.data?.count > 0 ? (
|
||||||
<div className='flex'>
|
<div className='flex'>
|
||||||
<Image src={'/assets/images/readall.png'} alt='notification' width={20} height={20} className='object-contain -mt-3 cursor-pointer' onClick={handleReadAllClick} />
|
<Image src={'/assets/images/readall.png'} alt='notification' width={20} height={20} className='object-contain dark:invert -mt-3 cursor-pointer' onClick={handleReadAllClick} />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
: null
|
: null
|
||||||
}
|
}
|
||||||
{notifications.map((notification: Notification) => {
|
{notifications.map((notification: Notification) => {
|
||||||
const isNew = !notification.sentAt;
|
// const isNew = !notification.sentAt;
|
||||||
const formattedDate = formatDate(notification.createdAt);
|
const formattedDate = formatDate(notification.createdAt);
|
||||||
const formattedTime = formatTime(notification.createdAt);
|
const formattedTime = formatTime(notification.createdAt);
|
||||||
|
|
||||||
@@ -116,11 +116,11 @@ export default function NotificationsIndex({ }: Props) {
|
|||||||
|
|
||||||
<div className='flex items-center justify-between mt-5 '>
|
<div className='flex items-center justify-between mt-5 '>
|
||||||
<div className="flex items-center justify-start gap-2">
|
<div className="flex items-center justify-start gap-2">
|
||||||
{isNew && (
|
{/* {isNew && (
|
||||||
<span className='px-4 pt-1 pb-0.5 text-xs bg-primary text-white rounded-md'>
|
<span className='px-4 pt-1 pb-0.5 text-xs bg-primary text-white rounded-md'>
|
||||||
{t('Tags.New')}
|
{t('Tags.New')}
|
||||||
</span>
|
</span>
|
||||||
)}
|
)} */}
|
||||||
<span className='text-disabled2 text-xs pt-0.5'>
|
<span className='text-disabled2 text-xs pt-0.5'>
|
||||||
{ef(formattedDate)}
|
{ef(formattedDate)}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user