From 49aee5f6470a05884d28eac50d5915a9d0b94fcc Mon Sep 17 00:00:00 2001 From: Lisa Liu <44093048+lisasiliu@users.noreply.github.com> Date: Thu, 18 Apr 2024 11:15:17 -0700 Subject: [PATCH] feature/lisasiliu/notification-page-ui (#91) * created file to put ui code in * finished hardcoded notification table * updated backend to match main --- .../NotificationCard/NotificationCard.tsx | 33 ++++++++++++++++++ .../NotificationCard/NotificationTable.tsx | 23 ++++++++++++ .../src/components/NotificationCard/types.ts | 4 +++ frontend/src/pages/notifications.tsx | 9 ++++- frontend/src/styles/Poppins-Bold.otf | Bin 0 -> 412988 bytes frontend/src/styles/Poppins-Regular.otf | Bin 0 -> 427396 bytes frontend/src/styles/global.css | 13 +++++++ 7 files changed, 81 insertions(+), 1 deletion(-) create mode 100644 frontend/src/components/NotificationCard/NotificationCard.tsx create mode 100644 frontend/src/components/NotificationCard/NotificationTable.tsx create mode 100644 frontend/src/components/NotificationCard/types.ts create mode 100644 frontend/src/styles/Poppins-Bold.otf create mode 100644 frontend/src/styles/Poppins-Regular.otf diff --git a/frontend/src/components/NotificationCard/NotificationCard.tsx b/frontend/src/components/NotificationCard/NotificationCard.tsx new file mode 100644 index 00000000..234b3d95 --- /dev/null +++ b/frontend/src/components/NotificationCard/NotificationCard.tsx @@ -0,0 +1,33 @@ +type UserInfo = { + name: string; + email: string; + account_type: string; +}; + +export default function NotificationCard({ name, email, account_type }: UserInfo) { + return ( + <> +
|LO94hTo@7Z!L>YK9tpk&odC|jJyYUN%?Yd-EPtcXzr*`IpId
z*9&lRDd&@w7mPxvQup~Jx`i!JXB1vL*iNweDYu;EdGD%wS3QK8Ct!;5svGFZG+#r1
zHm;Uc2EYb3vl4dmdS{oTaepbY&Iu*!*jpVq#EVkGGDpfb=;p5XJ-2X+s$j{
zM)SA8-M+x0z#*S`2)8F6&kT=BM?%=cy$7n@1CLg(S6t$0q2Z|O^8;i2^8@26Tl%}2
ziPyWD^?YVKe;42NF6bTNGF=t@<9ecFTZ=wlOs~0nIn7VZuI}DW*F*kemYBf{uO2cQ
z@O&IRl_m*%Hb4=5Z^%9Onq1#)3g%f!)
zUmZSuG|r?-sWGkROzs6^FCBX+D+_;J;w{m155mw+g}kV$ma+NOto2nr8knk-@li7=
zSZC5%Wu1P6t1Ku70FLe`KB&E_ybaw}%;@LA(Kn5^6sATyq12unuNdvrJoT=)+be{k
z0BwIv=gF3^=!qg2mA>~}+?|)#&4~K$#9lMoSTJEqs-2u@#fUrn-K8uwmUa*whl6=<
z9LrbWbjS+Z#JyjPkHJH>bepii(Df;O4v87basPkUJU6Zpt?>^Zw<`yDjypyd8B=mh
zsm)YSw_RsQ=Gk;pSiL~lYP5xo&32EnzUWxnw@x+Yv8*prX6R&~osuzcg