styles: add spacing

This commit is contained in:
unknown
2021-09-14 17:15:40 +07:00
parent ff5deb2312
commit d6f0ef298d
9 changed files with 61 additions and 40 deletions

View File

@@ -1,7 +1,6 @@
import React from 'react'
import NotificationEmptyPage from '../NotificationEmptyPage/NotificationEmptyPage'
import NotificationItem, { NotificationItemProps } from '../NotificationItem/NotificationItem'
import {ROUTE , QUERY_KEY, ACCOUNT_TAB } from 'src/utils/constanst.utils'
interface NotificationPageProps {
@@ -14,7 +13,6 @@ const NOTIFICATION_DATA = [
title: "Your order ID33455",
content: "The order has been deliveried successfully!",
date: "2 days ago",
link: `${ROUTE.ACCOUNT}?${QUERY_KEY.TAB}=${ACCOUNT_TAB.ORDER}`,
checked: false,
},
{
@@ -22,7 +20,6 @@ const NOTIFICATION_DATA = [
title: "Your order ID33456",
content: "The order has been deliveried successfully!",
date: "2 days ago",
link: `${ROUTE.ACCOUNT}?${QUERY_KEY.TAB}=${ACCOUNT_TAB.ORDER}`,
checked: false,
},
{
@@ -30,7 +27,6 @@ const NOTIFICATION_DATA = [
title: "Your order ID33457",
content: "The order has been deliveried successfully!",
date: "2 days ago",
link: `${ROUTE.ACCOUNT}?${QUERY_KEY.TAB}=${ACCOUNT_TAB.ORDER}`,
checked: true,
}
]
@@ -47,7 +43,7 @@ const NotificationPage = ({ isEmpty=false, data = NOTIFICATION_DATA }: Notificat
{
data.map(item => {
return (
<NotificationItem key={`${item.ID}-${item.title}`} title={item.title} content={item.content} date={item.date} link={item.link} checked={item.checked}/>
<NotificationItem key={`${item.ID}-${item.title}`} title={item.title} content={item.content} date={item.date} checked={item.checked}/>
)
})
}