From d05dd42a891182b86c07b6a97c629d9f391d856a Mon Sep 17 00:00:00 2001 From: amarealcoder Date: Fri, 18 Nov 2022 16:18:55 +0100 Subject: [PATCH 1/4] Feat: Topnav --- frontend/src/App.js | 3 ++- .../src/components/Topnav/Topnav.stories.js | 0 frontend/src/components/Topnav/Topnav.test.js | 0 frontend/src/components/Topnav/index.js | 18 ++++++++++++++++++ frontend/src/components/assets/Search.png | Bin 0 -> 485 bytes frontend/src/components/assets/accountPal.png | Bin 0 -> 2217 bytes frontend/src/components/assets/addFile.png | Bin 0 -> 469 bytes frontend/src/components/assets/bell.png | Bin 0 -> 543 bytes frontend/src/components/assets/dashboard.png | Bin 0 -> 419 bytes frontend/src/components/assets/grid-view.png | Bin 0 -> 311 bytes .../src/components/assets/helpQuestion.png | Bin 0 -> 512 bytes frontend/src/components/assets/history.png | Bin 0 -> 423 bytes frontend/src/components/assets/logo.png | Bin 0 -> 645 bytes frontend/src/components/assets/menu.png | Bin 0 -> 172 bytes frontend/src/components/assets/moon.png | Bin 0 -> 626 bytes .../src/components/assets/notifyAlert.png | Bin 0 -> 241 bytes frontend/src/components/assets/settings.png | Bin 0 -> 629 bytes frontend/src/components/assets/shield.png | Bin 0 -> 469 bytes frontend/tailwind.config.js | 10 ++++++++-- 19 files changed, 28 insertions(+), 3 deletions(-) create mode 100644 frontend/src/components/Topnav/Topnav.stories.js create mode 100644 frontend/src/components/Topnav/Topnav.test.js create mode 100644 frontend/src/components/Topnav/index.js create mode 100644 frontend/src/components/assets/Search.png create mode 100644 frontend/src/components/assets/accountPal.png create mode 100644 frontend/src/components/assets/addFile.png create mode 100644 frontend/src/components/assets/bell.png create mode 100644 frontend/src/components/assets/dashboard.png create mode 100644 frontend/src/components/assets/grid-view.png create mode 100644 frontend/src/components/assets/helpQuestion.png create mode 100644 frontend/src/components/assets/history.png create mode 100644 frontend/src/components/assets/logo.png create mode 100644 frontend/src/components/assets/menu.png create mode 100644 frontend/src/components/assets/moon.png create mode 100644 frontend/src/components/assets/notifyAlert.png create mode 100644 frontend/src/components/assets/settings.png create mode 100644 frontend/src/components/assets/shield.png diff --git a/frontend/src/App.js b/frontend/src/App.js index e9e88446..6c7191fd 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -1,6 +1,7 @@ +import { Topnav } from "./components/Topnav"; function App() { - return

salesforce

; + return ; } export default App; diff --git a/frontend/src/components/Topnav/Topnav.stories.js b/frontend/src/components/Topnav/Topnav.stories.js new file mode 100644 index 00000000..e69de29b diff --git a/frontend/src/components/Topnav/Topnav.test.js b/frontend/src/components/Topnav/Topnav.test.js new file mode 100644 index 00000000..e69de29b diff --git a/frontend/src/components/Topnav/index.js b/frontend/src/components/Topnav/index.js new file mode 100644 index 00000000..fa0fa3b0 --- /dev/null +++ b/frontend/src/components/Topnav/index.js @@ -0,0 +1,18 @@ +import React from 'react'; +import Menu from '../assets/menu.png'; +import AccountPal from '../assets/accountPal.png'; +import Search from '../assets/Search.png'; + +export const Topnav = () => { + return ( +
+ menu + logo + +
+ + Search +
+
+ ); +}; diff --git a/frontend/src/components/assets/Search.png b/frontend/src/components/assets/Search.png new file mode 100644 index 0000000000000000000000000000000000000000..3d2fbe044087ee7274d0688c7d3e91747ee971d1 GIT binary patch literal 485 zcmV200009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP1bmiYcsIa43Gu;j0?G;C#RyNOdH|}#XSspBfqH{JV$ANiyKR#e zx`4cyI8U9O-ETVo%mDlqLs!7}m(?%MyFgesK9T$cr4|Fx{(w`UvtV^g2%ZjBccV1z zcUnXE4Rrpv8WDk)x*-8QB`jzlVmE!Z=y#gpDCoVvtYL+}TZSYt5Us^_92kE?geo%Z zU0*eWGAJv06)*Xq={C@q)e~u$ChdX4icrKednje#da#i)OzuMCC@2Ei#z=tJ^$7aENPdr9(49HG^Iz(WsaI1X=@OA3(zjy$-6$@Ddsa&~%Ie0sZw9^)AXpPp zpjUTdlDfdo-Ou2*X+$-Ua-HpczM3-dUg$n6$V6&9=w5nRjKPU^BQ7GP*tu?O#1JF+ bx6FP3Zs4CQE#e3f00000NkvXXu0mjf^7+m; literal 0 HcmV?d00001 diff --git a/frontend/src/components/assets/accountPal.png b/frontend/src/components/assets/accountPal.png new file mode 100644 index 0000000000000000000000000000000000000000..f74ee73ea54aa535f39ae86b4679e9045c4ba8ae GIT binary patch literal 2217 zcmai0cQhM}9!=3w>O)W?is%Tf_C24dS^c6$?bQ~cEwy5lSf3H2($=h?MXb<9jT*Iz zh>+T?#)wtTM`=_@QzK%Ndfxlvo%7E5&Ut^_d(ZE8|GaY|7 z9ckJTj0H{{F*`_V^hi!3Z#snl07Byb#xX#Cq4d%7Scsj80pRVB9P{Yl^M+Z%0D$^* zp#!($0DyqLsUhrE#Ia=@%Kui_>3(v^Dh20l?ySmF`V@U@p;S*&aOUm}tf!|Yt0B29 z86;slSmzQnBf00zzq|4E#u!X;BAREX5HzKRn6) z*`Vl~;Jf2*-9>BOu1FrpND%T1^^55d6|TabVDC)8DAg0-DTx{cW-~XU{5-}pJ*=ea zvpi{sQYP?=6D>xGoMitjjqrGTa{+r8JQ)%-dy99yqElT5oeo*wS36h-eApkY2P zeYUr)%VgMKll^2#%IqS7cId;$@dZ+QH4BFwau>jPh>8&B+Vz*v5-USkdAZ4KI=$?; z{xk3_zVz+5$%Sxu6Gr3HW5+P3_rzl&q`y+j^;47(gt{$a#wM{2u185$UfNoKnZdSe zR(pS3dMs^Q_Nstneq3heRTeQ+@LZb+guS{LwKj>-dNQrDgYN;GX_LtaC1F?veBjYrt4Z+m-tYA8ErrtX*X*ehlq(7&}wf{gnae{o{m zp|^kC&sR+IW9nOTtb!isyWK1^Qd+-=O-%jFYZ?XoZ}=X$G;71llD~Ol&P=PC%>OCX zCp8NZwN_k3zDC4`6@fIlG;GsD(9B#xvC!H3xwfpnn$&0rw*bfg+;PuQlh($m66wyw z=jnb;quyv#hlq53m;dqA@mnYmr*6?*Tn37WxWTvk3Oxlgp%1MFD^}ktI*iBA&pevfqPp1Nv`g>u1E-ob zVfgyb?H*5934VyL*nI-_n#uF)0qxxH`yrn2G|VNIFr{*^W5G+lPu?UsL07^g$J1`? zPoM>-tEOlU(O>oo2H_107M$4B~Y>eFJ{azlb8rJ}-T8a^FNvL{b`m?lcV?zV%&&|o_ z`l0Gp_C&YNnA3?66mnmID{)M{C1{n(ms7nWgM1jGyu8ke*pgGTUsdQ4B_}i$8?Mcr z*xzGJwAKe_Dp=~`37oLScXe_LJ`rZs!!N{yP4ZT0gB_8k7BOVdb)VM>vliGK2BwZL>#QC>8#L$bcR4~LKSE@qC1h` zx-<mnaQR6DiCd;MU^;7f(FIS1Id9c9COgiQZfTL!GIz&)Mwc z`#LS(KccAoV2b&;U1S&qZ`4N1xI+!?hV9IK*6&6Uz_mh)qus%aI~J#O+Kud=RX_A= z>8alK00;P3&Qa5-u=E&r=juR!u0y=`vPR2!*U{~74Q~=AQfSth>n>*G?weV9xV|@9 zW>9fs4~x3Q(}As_u1493(D6IIh*=!2IsYc~K=xVZXfN}Mr z+$Zo1F=A&XrE?BPQ}eRW_qlo}%IUcT&73DTICu66+LpIz=nb=&)1G@RV6G$1h2A?G z%bs7P#qP$8Ufks;dA}ug#d_IgCs>(ve#>G&9JJfy7o@4sanJPED0kGUaE(oP?fj>o zoBc8ab_2WEj9JI4!>KYQ_L_wqt$Hv_J5M0_L38F;|IYIVLD}%h<_)q`+Ga+))kBul zZLLvK>paEy5l4mCkPf1UyY)spPmM8UNnFxh$;jU^##VXn7jrkDH5Z)8)^XBJ@JpwL zEs4=NR83mIMUDHBk&vg+0bC0BdZ)pI?t@=e`>Z|cTdf&?-tD_$ig6zBqQoySMt+P4 z2yxmF)P(NvZM^Qy(L4!!j)}XxrewNHuVD~w*Rnx*{Ddg?Q*n7=j99R%S>?ds82aKt*nn=35!j%x0UOW_C?haIuM?CFnhnUCYdNuy)21Y8+y;1|-<>b# zNdElE`T@8&D5a7u(Oi@Hl*R2;Y>4Rg)OqZZ1wpt3#N@=89D%1%6n(&1b($7V36WVV z#Yxj9|CUXqU3-n7xd{<(+_x;@DULDgJ0Ky6GERc9T=tQ+2$}Z|<5314Sm2d7W%=G!tP@8EWz#XiXdU=!!WxcY&*jIzi3< zgG2U%^X6`F$XoGE3dLXrKMkc@d@#x%ML?+~%2@K+(T<+7mm>ssuNt*Vd@YW?-vN{Y*vwdK?@zsWWS4;b-XytDBMpZ|+5Gbb)%3o&_800000 LNkvXXu0mjf(L2nj literal 0 HcmV?d00001 diff --git a/frontend/src/components/assets/bell.png b/frontend/src/components/assets/bell.png new file mode 100644 index 0000000000000000000000000000000000000000..acd0a7f2ae610d38646c51529f9251e5ecda316c GIT binary patch literal 543 zcmV+)0^t3LP))! z{OC={dgR$rt{o(cLXXKwRZEz0km0bwYd-I!B&}4d(k()(sTWb(kQpkGz8%Pp`=r1}1%0;c$V0WMM4F_srE6>Dvh)1vsGL8?R{XQ-R551O%? zB5N0|(wa9Zr@2R1h)=pW z_xI&|@frB-NPJ~3)!Zy6y{$y;`O*s+~O*jyqc-(ypW zSEKMVv(5o#$XX}nJ>}339oUJi4#@0|sE`${mXL*?)A(8+D{<37Z@nZ7WA_CV8|HJw z!B)JK>diNH{q|tA!ZA?d)~%^8u6onM{iF)1;hUvw4jRdA=u5y}$bXnbxR9!(Dr7S5 zE*5K*A4{>1CL~Dn(7+D8>X4FT)Qb#m+p&Ze@0EB$ukt1bW|?n``YBWJ4+;733$v0Y zq6nrSdQ$k=$#!%E?oFZ>SaY&}!XA;rO-G2{r2Kdv!n^B6e1n+3fp2DzZ5w3Gq0#^V N002ovPDHLkV1nFzvl;*Z literal 0 HcmV?d00001 diff --git a/frontend/src/components/assets/grid-view.png b/frontend/src/components/assets/grid-view.png new file mode 100644 index 0000000000000000000000000000000000000000..6570ca3854482bbfc2118fa67b422282eca02be9 GIT binary patch literal 311 zcmeAS@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|&H|6fVg?3oVGw3ym^DWND9BhG z zB|!1vI-8#92@8GO|GnA6c1Yr0!-IXhQYVM(@Lt}bFo|KS+|s_IPdV2Y zzNy)mczowi_QLR(h!jUIF}tgO*1Vs4b2IU6z2=*lE32IMJkH8JICun;Ddxf4rdxF{-X95Xin~fkSNEyeUz8RRX z+1Am7LdfZ13)!+!WPd}pOr(s3!03EFRqB;$lO&nbH@8uKNX#++I%#H@bA&Yl zP8qOA?qnMw)VQ9bwf?l*W-P24UI23(yQ*on(uglKb{sb8s_AS98n))WLxlG#q<^|f z+^$LA_vqx}G?g39SVS?*2QggDutd>J=kO2&Yzx;iETMCpIRlP?=YIT^+l!&&vU|`t z>XU038d2`ZGpsoJ21BeI)dY(gA<|Z<_%`ugf_0cVFzc{FpU0KS=m=ngfbeG6?r2D2 z4~D}9jmhtb2S(Ov%;txrQ_pi}C#z9{Nad>SR-s1pw9QdX-N&qL8=MbD#!?}7*&UqS zK*ol1%)yG=_Xo$F^hWJQu{ROi0`$Z8d)Z4iH^(n@Cr_uRrFp;r0000 Cj^8r? literal 0 HcmV?d00001 diff --git a/frontend/src/components/assets/history.png b/frontend/src/components/assets/history.png new file mode 100644 index 0000000000000000000000000000000000000000..15aa004ec39f66f2f5eede37ce4e055f32d1ef80 GIT binary patch literal 423 zcmV;Y0a*TtP)XYeq@AAIHc$<7bkvt zev+RAM8Y|jXn=&*3n9MXnovX;B5e$kJAe2eTKhDb%qRDgwZT0>x=+u=T)$ zGE|%cd94)Y#uGC3f{2J-8Unjl%B9g#l}ZDVGN$Nmc&TFqEuONV_@t(m$@OdV0TY4~ z+p_G650+vE_kR0x3W*^qK!~)?0GG?z&qfAGPRipH5{s~|UMFnn+`9}PqAZgsB+KRP zj?g_+%U$Wl0(`P7aw*l#wm_xyPdEY$TITLfeHe}48W_uWuQ?l^Wf{B080%AO`?VZ*=69N=Q|LM< zZp*P>8yC%ukaDtC>On;5@_p|5fbMc=k&}~T>8u|+4_~bHv)aWlZ5C;gOoMAH=ql*W zOLKQ>@Xx+h(K!cs?24E4G_0*CiXUn)xH+rquJcH#ub&f%E|;}ew}#LMH}?id!=aS< zhQHf#uo3uBxZEpaJ}OmBS>b&yjk(0}?Y0me`q8SmE2b@hF*G2{vfJ=rWAM?0Glshq z0By=^ev=j!8u*lDqXoPHjRYbnGMui0&&1nNisTzBhpBqwf2lNUSRB;`~Fm(_paEtlQ{;hHu^3=0{hOv1%^%Z z{7~o}?~uU0LjwB_3G6$A7uaks z>fGD`UtpM~qa~gr#-`T7yc&y_RT>-rcdLc+%|3h(URAm2YP~j(#zM3RpZCwV|DPZT ff*=Tj7!3aazEYwZ^8ht)00000NkvXXu0mjflJOz!u3mT7tb{kqu=r zotcr4B?uIm@+NszVpKDt-@Ja^4gBk%ZHI1qiqYdZJySF#sZ(oyN%{V6OUwjIuT zH68pUx`F5vn%}FiCfH!;L;vtbEf?x>h2Y`eDoN_Q*c$83ZGh#+>EQMG>WAglxXVB^ zGMEAhbfNrOrqopz+jE>cB=+a|up6s~lQ3yRNmWZ^=o-PKf6y&A{eVf45IiNl2Xatq zjj@`OJ((Y>x33um@#NIQ&E2FTQKNc>by*WtRV{m&L(@lx`)etR(&RVv^i;1iDe3s} zsURDsyqw)cCHa5iH>MTf_g3_oG5`Po M07*qoM6N<$f-LbFnE(I) literal 0 HcmV?d00001 diff --git a/frontend/src/components/assets/notifyAlert.png b/frontend/src/components/assets/notifyAlert.png new file mode 100644 index 0000000000000000000000000000000000000000..42c020e911c3ba19cf179cb41781ada772c13257 GIT binary patch literal 241 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4aTa()7Bet#3xhBt!>l*8o|0J>k`E8yqjv*C{y%#QWHYfmWzDKj$Hrk}We zb;aV$T}O6K{1iSj`EWYG9Y6<{4%|U<735mD4w4G&RB+cpt^?>G?!f-T2&BDTgbcp-&GI=os~@JMSAffHRDj2?3q> zT`te7B-$(!vQ8eP!dlA#QI@9hzw1l8t#i84x?K}sDOeIm_lS6c`C`IyFrW+)45l1q z8`JHADVMWN`{#y80;Sy1&2ASY2-vv050T?+%*z~;7$rZ1xD9&ouB_F+rL>?IYq)W? z+W^slPiN=0-F61{a@NNXC)7M$2)X{A-I04;C2=9HIk36M?3?^g)08oK>q{ca?(ULG z&PvRX)Fead9Rr2xS(?`vlY{fEpin=GZhcDuKK7W_WiJz-m6$%Mfn&Ik)>FMipE)+w ztJl3T`zf|KLE_llrxICN<3#VC{wmW*z_o0g8d=*81uR5Y_e?S)LJc|D_+|dJ`ErHU7~LOD`M&EvR>IuHN8BS2 P00000NkvXXu0mjfaAO;2@mx{?@!Lo zQkyspUyRA#p?l4XV!oDI8alfmY+l zm}y8}BeV|3T8Wz70BHh#$r0Y<+==04e;5NlU&ZmTajJ7Tb4YA0-icahf#jq{Y8~dY zFsB#}_RHn{Fdpt@+YUBjy~g3Tm=@M@vY)rsCe;H7ck?LZ304ZiCQFo7H&`P* z!6o=2^-7RNNHnU>l7sKSI(n=~DjUQS_zA=_ukh75nygmXgMW_?P Date: Sat, 19 Nov 2022 10:00:03 +0100 Subject: [PATCH 2/4] Feat: Adds toptav --- frontend/src/components/Topnav/index.js | 52 ++++++++++++++++++++++--- frontend/tailwind.config.js | 6 +++ 2 files changed, 52 insertions(+), 6 deletions(-) diff --git a/frontend/src/components/Topnav/index.js b/frontend/src/components/Topnav/index.js index fa0fa3b0..55cf4bf4 100644 --- a/frontend/src/components/Topnav/index.js +++ b/frontend/src/components/Topnav/index.js @@ -2,16 +2,56 @@ import React from 'react'; import Menu from '../assets/menu.png'; import AccountPal from '../assets/accountPal.png'; import Search from '../assets/Search.png'; +import Bell from '../assets/bell.png'; +import Moon from '../assets/moon.png'; +import Grid from '../assets/grid-view.png'; export const Topnav = () => { return ( -
- menu - logo +
+
+
+ menu +
+
+ logo +
+
+ +
+
+ + Search + + +
-
- - Search +
+
+ Bell icon +
+
+ Moon icon +
+
+ Grid icon +
+
); diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js index c124459f..26f04117 100644 --- a/frontend/tailwind.config.js +++ b/frontend/tailwind.config.js @@ -7,6 +7,12 @@ module.exports = { blue: { 500: '#1570EF', }, + grey: { + 500: '#EFF8FF', + }, + }, + boxShadow: { + '3xl': '0px 2px 8px -1px rgba(0, 0, 0, 0.1)', }, }, }, From 11e9728e39281e5f586ecda45ccf91290b4b0531 Mon Sep 17 00:00:00 2001 From: Miracle Ugorji Date: Sat, 19 Nov 2022 15:21:02 +0100 Subject: [PATCH 3/4] feat (FE-TEA-106): Error popup page --- frontend/src/App.js | 10 +++- .../src/components/SideNav/Side.stories.js | 0 .../src/components/SideNav/Sidenav.test.js | 0 frontend/src/components/SideNav/index.js | 54 +++++++++++++++++++ frontend/src/components/Topnav/index.js | 24 +++------ frontend/tailwind.config.js | 3 ++ 6 files changed, 71 insertions(+), 20 deletions(-) create mode 100644 frontend/src/components/SideNav/Side.stories.js create mode 100644 frontend/src/components/SideNav/Sidenav.test.js create mode 100644 frontend/src/components/SideNav/index.js diff --git a/frontend/src/App.js b/frontend/src/App.js index 6c7191fd..59ea4b0e 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -1,7 +1,13 @@ -import { Topnav } from "./components/Topnav"; +import { SideNav } from './components/SideNav'; +import { Topnav } from './components/Topnav'; function App() { - return ; + return ( +
+ + +
+ ); } export default App; diff --git a/frontend/src/components/SideNav/Side.stories.js b/frontend/src/components/SideNav/Side.stories.js new file mode 100644 index 00000000..e69de29b diff --git a/frontend/src/components/SideNav/Sidenav.test.js b/frontend/src/components/SideNav/Sidenav.test.js new file mode 100644 index 00000000..e69de29b diff --git a/frontend/src/components/SideNav/index.js b/frontend/src/components/SideNav/index.js new file mode 100644 index 00000000..c933451a --- /dev/null +++ b/frontend/src/components/SideNav/index.js @@ -0,0 +1,54 @@ +import DashboardIcon from '../assets/dashboard.png'; +import FilePlus from '../assets/addFile.png'; +import Time from '../assets/history.png'; +import Setting from '../assets/settings.png'; +import Privacy from '../assets/shield.png'; +import Help from '../assets/helpQuestion.png'; + +export const SideNav = () => { + return ( + + ); +}; diff --git a/frontend/src/components/Topnav/index.js b/frontend/src/components/Topnav/index.js index 55cf4bf4..b15b0e4a 100644 --- a/frontend/src/components/Topnav/index.js +++ b/frontend/src/components/Topnav/index.js @@ -30,26 +30,14 @@ export const Topnav = () => {
-
- Bell icon +
+ Bell icon
-
- Moon icon +
+ Moon icon
-
- Grid icon +
+ Grid icon
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js index 26f04117..92e416f9 100644 --- a/frontend/tailwind.config.js +++ b/frontend/tailwind.config.js @@ -10,6 +10,9 @@ module.exports = { grey: { 500: '#EFF8FF', }, + white: { + 500: '#F9FAFB', + }, }, boxShadow: { '3xl': '0px 2px 8px -1px rgba(0, 0, 0, 0.1)', From 4d7c127de91a51da14062a9ffaba2b0c6deaf681 Mon Sep 17 00:00:00 2001 From: Miracle Ugorji Date: Sat, 19 Nov 2022 20:18:35 +0100 Subject: [PATCH 4/4] feat (FE-TEA-106): Error popup page --- frontend/src/App.js | 6 +++- .../ErrorBoard/ErrorBoard.stories.js | 0 .../components/ErrorBoard/ErrorBoard.test.js | 0 frontend/src/components/ErrorBoard/index.js | 28 +++++++++++++++++++ frontend/tailwind.config.js | 2 ++ 5 files changed, 35 insertions(+), 1 deletion(-) create mode 100644 frontend/src/components/ErrorBoard/ErrorBoard.stories.js create mode 100644 frontend/src/components/ErrorBoard/ErrorBoard.test.js create mode 100644 frontend/src/components/ErrorBoard/index.js diff --git a/frontend/src/App.js b/frontend/src/App.js index 59ea4b0e..19cae5a8 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -1,3 +1,4 @@ +import { ErrorBoard } from './components/ErrorBoard'; import { SideNav } from './components/SideNav'; import { Topnav } from './components/Topnav'; @@ -5,7 +6,10 @@ function App() { return (
- +
+ + +
); } diff --git a/frontend/src/components/ErrorBoard/ErrorBoard.stories.js b/frontend/src/components/ErrorBoard/ErrorBoard.stories.js new file mode 100644 index 00000000..e69de29b diff --git a/frontend/src/components/ErrorBoard/ErrorBoard.test.js b/frontend/src/components/ErrorBoard/ErrorBoard.test.js new file mode 100644 index 00000000..e69de29b diff --git a/frontend/src/components/ErrorBoard/index.js b/frontend/src/components/ErrorBoard/index.js new file mode 100644 index 00000000..7e50f5f2 --- /dev/null +++ b/frontend/src/components/ErrorBoard/index.js @@ -0,0 +1,28 @@ +export const ErrorBoard = () => { + return ( +
+
+
    +
  • Dashboard
    • + > +
  • Upload
    • + > +
  • Match
    • + > +
  • Results
    • +
+

+ Oh no! An error occurred while processing that request. Please try + again. +

+
+ +
+
+ +
+
+ ); +}; diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js index 92e416f9..7376bfb3 100644 --- a/frontend/tailwind.config.js +++ b/frontend/tailwind.config.js @@ -9,6 +9,8 @@ module.exports = { }, grey: { 500: '#EFF8FF', + 600: '#4E4E4E', + 700: '#444444', }, white: { 500: '#F9FAFB',