Front End || Admin notification card

[AlaaShurrab]

Common Component - Admin notification card:

it is a container that displays the data for the admin

• props: name, data

• It will be used in Pages :
  most of the admin's pages

• Material UI link :
  link

• UI Image From Design 👍
  

[AlaaShurrab]

the props entered is

<NotificationCard
          userName={userName}
          productName={productName}
          productImg={productImg}
          userImg={userImg}
          orderDate={orderDate}
        />

and they should look like this

const userName = 'أحمد عيد';
const productName = 'حقبة نسائية';
const orderDate = 1611106160418;
const productImg =
  'http://cdn.shopify.com/s/files/1/1295/7439/products/Perse-Backpack-PSFB720-KHKI-SC10_grande.jpg?v=1571608805';
const userImg =
  'https://aui.atlassian.com/aui/8.6/docs/images/avatar-person.svg';

<NotificationCard
          userName={data.client_full_name}
          productName={data.product_name}
          productImg={data.product_img}
          userImg={data.client_avatar}
          orderDate={data.order_date}
        />