chore: dismiss modal

Author: devceline

src/Modals.tsx

@@ -29,6 +29,8 @@ export const Modals = () => {
 
   const notificationsEnabled = useNotificationPermissionState()
 
+  console.log({perms: window.Notification.permission})
+
   const explicitlyDeniedOnDesktop = !isMobile() && window.Notification?.permission === 'denied'
 
   const shouldShowNotificationModal = useMemo(

src/components/utils/NotificationPwaModal/NotificationPwaModal.scss

@@ -7,6 +7,13 @@
   gap: 2em;
   position: relative;
 
+  &__header {
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+    align-items: center;
+  }
+
   &__background {
     position: absolute;
     z-index: -999;

src/components/utils/NotificationPwaModal/index.tsx

@@ -10,6 +10,7 @@ import { requireNotifyPermission } from '@/utils/notifications'
 import { pwaModalService } from '@/utils/store'
 
 import './NotificationPwaModal.scss'
+import CrossIcon from '@/components/general/Icon/CrossIcon'
 
 export const NotificationPwaModal: React.FC = () => {
   const { notifyClientProxy } = useContext(W3iContext)
@@ -31,6 +32,15 @@ export const NotificationPwaModal: React.FC = () => {
   return (
     <Modal onCloseModal={pwaModalService.closeModal}>
       <div className="NotificationPwaModal">
+        <div className="NotificationPwaModal__header">
+          <Button
+            className="ContactsModal__close"
+            customType="action-icon"
+            onClick={pwaModalService.closeModal}
+          >
+            <CrossIcon />
+          </Button>
+        </div>
         <div className="NotificationPwaModal__background">
           <img src={BackgroundImage} />
         </div>