From 6d0054e39a534d31467b7235c287ae8b08f04604 Mon Sep 17 00:00:00 2001 From: Gabito1451 Date: Thu, 23 Jan 2025 19:04:45 +0100 Subject: [PATCH 1/7] change: draft --- .../src/assets/icons/customer-service-01.png | Bin 0 -> 1669 bytes .../src/components/layout/header/Header.jsx | 8 +- .../src/components/layout/header/header.css | 10 ++ .../report-button/ReportBugButton.css | 37 ++++++ .../report-button/ReportBugButton.jsx | 25 +++++ .../report-modal/ReportBugModal.css | 105 ++++++++++++++++++ .../report-modal/ReportBugModal.jsx | 38 +++++++ .../ui/action-modal/actionModal.css | 5 +- frontend/src/context/ModalProvider.jsx | 34 ++++++ frontend/src/globals.css | 3 +- frontend/src/index.js | 15 ++- frontend/src/pages/form/Form.jsx | 16 +++ 12 files changed, 287 insertions(+), 9 deletions(-) create mode 100644 frontend/src/assets/icons/customer-service-01.png create mode 100644 frontend/src/components/report-button/ReportBugButton.css create mode 100644 frontend/src/components/report-button/ReportBugButton.jsx create mode 100644 frontend/src/components/report-modal/ReportBugModal.css create mode 100644 frontend/src/components/report-modal/ReportBugModal.jsx create mode 100644 frontend/src/context/ModalProvider.jsx diff --git a/frontend/src/assets/icons/customer-service-01.png b/frontend/src/assets/icons/customer-service-01.png new file mode 100644 index 0000000000000000000000000000000000000000..130c7e39ead7be16ec0c5f760217cd069e417c89 GIT binary patch literal 1669 zcmV;027394P)@~0drDELIAGL9O(c600d`2O+f$vv5yP(7BF`?dQE_>5ZnL=2WAeT@;q5rx- zxC|lu5CEJ^wcxZ=DxSg^Fj4|Oo;R!0AYY-xH6X|1JWH0H0t){Q!sDOji$^dbWKKZ6 z-Ym?{$xQ*cg*e#DiP0eg?!w)yM@D7@u;WkXE zJDw0fhXR&qMX0#88O4WNTun+sA_8JM@005X*Pr01TrOTZ+}|Eq-@=-Z;uQj{SszG2 zLTmzDokzg8H=kg~)oJ7VJlFv#){QqNBq0_7?IljUw>a;6A--8yD4sxua3Y>axR$t5 zF1nL0AqKvACihGRaIcr<3#(Z>&)}XdJuj32aToLkEYAjHV+=TtfW}#~M#J!(_69Pn z^rE-}V?g7)xdTFMgWi@^vc(4nxD#-3S=aXd7@hCgV@-HXaz3qcHaZBku(0<+(no;4Ei zux{7;9w2k2mliskMC-b2dd^6I6#4?kM~4VIF6c%oBd{cGQ>Kf=j*fsT1(+(S!;#hM zY{;ti7%LeXLc}iCU|Q50|6IL`GPV(e9dBG*Z9kn8B+b*8;nEQ>03w3Y)lrhbZMW0$ z?COt}ASgB=4tPXN8#2bUh*^STNKb5r9VRiM01$t80cHuU3^|xfjcad_)uVdrJ z7)Di}*Dxd3JN39+K?%+_&G#j^4G(Ze9124&Lvns&_-h5C`7ZQXp$#NJ-YmW-{t6j_ z12M-UND9rF0i_Oz_S?t_NC?qV*9p=fO`GhC?!bgr2t_@J3HJYRG>KExWGMN*(;InL!PlH3I**Wdt}LeD3rP0=ECSp;N+lygR2L$UDdh zHae|HaAZEORiFwPgT>nQzqk@thUXImqo2WLHUj*P-uEE^av=aie49A6?fiz23!69p z!G7B9y4+R)-m0egR})gbm5yO}MUnrKb?us`_~j|u++D&^~@%gE08 P00000NkvXXu0mjf<;L`M literal 0 HcmV?d00001 diff --git a/frontend/src/components/layout/header/Header.jsx b/frontend/src/components/layout/header/Header.jsx index d2f161a80..6b5b7c81e 100644 --- a/frontend/src/components/layout/header/Header.jsx +++ b/frontend/src/components/layout/header/Header.jsx @@ -8,8 +8,12 @@ import useLockBodyScroll from '../../../hooks/useLockBodyScroll'; import MobDropdownMenu from '../mob-dropdown-menu/MobDropdownMenu'; import './header.css'; import '../../../globals.css'; +import { ReportBugButton } from 'components/report-button/ReportBugButton'; +import { useModal } from 'context/ModalProvider'; +import { ReportBugModal } from 'components/report-modal/ReportBugModal'; function Header({ onConnectWallet, onLogout }) { + const { openModal, closeModal } = useModal(); const [isMenuOpen, setIsMenuOpen] = useState(false); const location = useLocation(); // Getting object of currant route @@ -56,7 +60,7 @@ function Header({ onConnectWallet, onLogout }) { }; return ( -