Notifications modal and settings

2021-01-11 13:10:36 -06:00
parent 5e38a2dff2
commit d71b7eb173
6 changed files with 146 additions and 107 deletions
@@ -0,0 +1,31 @@
+import { IonModal, IonHeader, IonToolbar, IonTitle, IonContent, IonList } from '@ionic/react';
+import VirtualScroll from '../ui/VirtualScroll';
+
+const Notifications = ({ open, onDidDismiss }) => {
+  return (
+    <IonModal isOpen={open} onDidDismiss={onDidDismiss}>
+      <IonHeader>
+        <IonToolbar>
+          <IonTitle>Lists</IonTitle>
+        </IonToolbar>
+      </IonHeader>
+      <IonContent fullscreen>
+        <IonHeader collapse="condense">
+          <IonToolbar>
+            <IonTitle size="large">Notifications</IonTitle>
+          </IonToolbar>
+        </IonHeader>
+        <IonList>
+          <VirtualScroll
+            totalCount={1000}
+            overscan={200}
+            style={{ height: '100%', width: '100%' }}
+            itemContent={index => <NotificationItem i={index} />}
+          />
+        </IonList>
+      </IonContent>
+    </IonModal>
+  );
+};
+
+export default Notifications;