dark mode notif + new button remove

This commit is contained in:
hamid zarghami
2025-12-29 16:14:16 +03:30
parent 6be8367772
commit e9dcae0015
2 changed files with 5 additions and 5 deletions
+1 -1
View File
@@ -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>