hark-fe: add read all button

pkg/arvo/lib/hark/store.hoon

@@ -76,6 +76,7 @@
         set-dnd+bo
         read-count+stats-index
         read-each+read-graph-index
+        read-all+ul
     ==
   --
 ::

pkg/interface/src/logic/api/hark.ts

@@ -109,6 +109,9 @@ export class HarkApi extends BaseApi<StoreState> {
   seen() {
     return this.harkAction({ seen: null });
   }
+  readAll() {
+    return this.harkAction({ 'read-all': null });
+  }
 
   mute(notif: IndexedNotification) {
     if('graph' in notif.index && 'graph' in notif.notification.contents) {

pkg/interface/src/views/apps/notifications/notifications.tsx

@@ -40,6 +40,9 @@ export default function NotificationsScreen(props: any) {
   const onSubmit = async (values: { groups: string }) => {
     setFilter({ groups: values.groups ? [values.groups] : [] });
   };
+  const onReadAll = useCallback(() => {
+    props.api.hark.readAll()
+  }, []);
   const groupFilterDesc =
     filter.groups.length === 0
       ? "All"
@@ -81,6 +84,19 @@ export default function NotificationsScreen(props: any) {
                         </HeaderLink>
                       </Box>
                     </Row>
+                    <Row
+                      justifyContent="space-between">
+                      <Box
+                        mr="1"
+                        overflow="hidden"
+                        onClick={onReadAll}
+                        cursor="pointer"
+                      >
+                          <Text mr="1" color="blue">
+                            Mark All Read
+                        </Text>
+                      </Box>
+
                       <Dropdown
                         alignX="right"
                         alignY="top"
@@ -115,6 +131,7 @@ export default function NotificationsScreen(props: any) {
                         </Box>
                       </Dropdown>
                     </Row>
+                  </Row>
                   {view === "preferences" && (
                     <NotificationPreferences
                       graphConfig={props.notificationsGraphConfig}