Set isRead to default

StanfordBDHG · Oct 1, 2024 · 23ea0f9 · 23ea0f9
1 parent e5d2b38
commit 23ea0f9
Showing 1 changed file with 23 additions and 22 deletions.
diff --git a/modules/notifications/NotificationsTable/index.tsx b/modules/notifications/NotificationsTable/index.tsx
@@ -41,25 +41,26 @@ interface NotificationsTableProps {
 
 export const NotificationsTable = ({
   notifications,
-}: NotificationsTableProps) => {
-  return (
-    <DataTable
-      columns={columns}
-      data={notifications}
-      entityName="notifications"
-      pageSize={10}
-      header={({ table }) => (
-        <div className="ml-auto flex gap-4">
-          <ShowUnreadOnlySwitch table={table} />
-          <MarkAllAsReadButton notifications={notifications} />
-        </div>
-      )}
-    >
-      {(props) => (
-        <DataTableBasicView {...props}>
-          {(notification) => <Notification notification={notification} />}
-        </DataTableBasicView>
-      )}
-    </DataTable>
-  )
-}
+}: NotificationsTableProps) => (
+  <DataTable
+    columns={columns}
+    data={notifications}
+    entityName="notifications"
+    pageSize={10}
+    header={({ table }) => (
+      <div className="ml-auto flex gap-4">
+        <ShowUnreadOnlySwitch table={table} />
+        <MarkAllAsReadButton notifications={notifications} />
+      </div>
+    )}
+    initialState={{
+      columnFilters: [{ id: columnIds.isRead, value: false }],
+    }}
+  >
+    {(props) => (
+      <DataTableBasicView {...props}>
+        {(notification) => <Notification notification={notification} />}
+      </DataTableBasicView>
+    )}
+  </DataTable>
+)