Add 'mark this page as read' button to bottom of feed

collie-reader · May 29, 2024 · 535099a · 535099a
1 parent fed35a6
commit 535099a
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/routes/Items.tsx b/src/routes/Items.tsx
@@ -200,6 +200,10 @@ function Items(props: Props) {
             <Show when={(offset() + 1) * LIMIT < count()}>
               <button onClick={() => loadPage(offset() + 1)}>{offset() + 2} →</button>
             </Show>
+            <Show when={items().length && items().some(x => x.status == api.ItemStatus.UNREAD)}>
+              <button onClick={() => markAs(items(), api.ItemStatus.READ)}>
+                Mark this page as read</button>
+            </Show>
           </div>
         </Show>
       </div>