\n \n \n )\n};\n\nexport default AppNotification;\n\n","import React from \"react\";\nimport {Avatar} from \"antd\";\n\nconst NotificationItem = ({notification}) => {\n const {image, badge, name, time, message} = notification;\n return (\n
\n
\n \n {badge > 0 ? {badge} : null}\n
\n
\n
\n
{name}
\n {time}\n
\n
{message}
\n Reply\n Read\n
\n
\n );\n};\n\nexport default NotificationItem;\n","export const notifications = [\n {\n id: 1,\n image: 'https://via.placeholder.com/150x150',\n name: \"Domnic Brown\",\n time: \"6:19 PM\",\n message: \"There are many variations of passages of...\",\n badge: 5\n },\n {\n id: 2,\n image: 'https://via.placeholder.com/150x150',\n name: \"John Smith\",\n time: \"4:18 PM\",\n message: \"Lorem Ipsum is simply dummy text of the...\",\n },\n {\n id: 3,\n image: 'https://via.placeholder.com/150x150',\n name: \"John Smith\",\n time: \"7:10 PM\",\n message: \"The point of using Lorem Ipsum is that it has a...\",\n badge: 8\n },\n {\n id: 4,\n image: 'https://via.placeholder.com/150x150',\n name: \"alex dolgove\",\n time: \"5:10 PM\",\n message: \"It is a long established fact that a reader will...\",\n },\n {\n id: 5,\n image: 'https://via.placeholder.com/150x150',\n name: \"Domnic Harris\",\n time: \"7:35 PM\",\n message: \"All the Lorem Ipsum generators on the...\",\n badge: 3\n }\n];\n","import React from \"react\";\nimport NotificationItem from \"./NotificationItem\";\nimport {notifications} from \"./data\";\nimport CustomScrollbars from 'util/CustomScrollbars'\nimport Auxiliary from \"util/Auxiliary\";\n\nconst MailNotification = () => {\n return (\n \n
}){kind=logo}
\n ) : themeType === THEME_TYPE_LITE ? (\n }){kind=logo}
\n ) : (\n }){kind=logo}
\n )}\n \n