Merge pull request #7 from leog/main

Fixing list item url + notification close button

components/pages/Lists.jsx

@@ -12,7 +12,7 @@ import {
 } from '@ionic/react';
 
 const ListEntry = ({ list, ...props }) => (
-  <IonItem href={`/tabs/lists/${list.id}`} className="list-entry">
+  <IonItem routerLink={`/tabs/lists/${list.id}`} className="list-entry">
     <IonLabel>{list.name}</IonLabel>
   </IonItem>
 );

components/pages/Notifications.jsx

@@ -34,6 +34,9 @@ const Notifications = ({ open, onDidDismiss }) => {
       <IonHeader>
         <IonToolbar>
           <IonTitle>Notifications</IonTitle>
+          <IonButton slot="end" fill="clear" color="dark" onClick={onDidDismiss}>
+            <IonIcon icon={close} />
+          </IonButton>
         </IonToolbar>
       </IonHeader>
       <IonContent fullscreen>