From de3f392bd7138b2253ccc26ea91c405ccb5e1b3a Mon Sep 17 00:00:00 2001
From: Bill Thiede <git@xinu.tv>
Date: Tue, 20 Feb 2024 14:29:42 -0800
Subject: [PATCH] web: use bold text to indicate unread messages

---
 web/index.html         |  2 +-
 web/src/view/mobile.rs | 18 +++++++++++-------
 web/src/view/mod.rs    |  6 +++---
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/web/index.html b/web/index.html
index b0e2ce0..7466ac2 100644
--- a/web/index.html
+++ b/web/index.html
@@ -63,7 +63,7 @@
       width: 100%;
     }
 
-    .index tr.unread {
+    .index .unread {
       font-weight: bold;
     }
 
diff --git a/web/src/view/mobile.rs b/web/src/view/mobile.rs
index cd51641..9c29778 100644
--- a/web/src/view/mobile.rs
+++ b/web/src/view/mobile.rs
@@ -4,9 +4,7 @@ use crate::{
     api::urls,
     graphql::front_page_query::*,
     state::{Context, Model, Msg},
-    view::{
-        self, human_age, pretty_authors, set_title, tags_chiclet, view_header, view_search_pager,
-    },
+    view::{self, human_age, pretty_authors, search_toolbar, set_title, tags_chiclet, view_header},
 };
 
 pub(super) fn view(model: &Model) -> Node<Msg> {
@@ -41,8 +39,14 @@ fn search_results(
     let rows = results.iter().map(|r| {
         let tid = r.thread.clone();
         let datetime = human_age(r.timestamp as i64);
+        let unread_idx = r.tags.iter().position(|e| e == &"unread");
+        let mut tags = r.tags.clone();
+        if let Some(idx) = unread_idx {
+            tags.remove(idx);
+        };
         a![
             C!["has-text-light"],
+            IF!(unread_idx.is_some() => C!["unread"]),
             attrs! {
                 At::Href => urls::thread(&tid)
             },
@@ -51,7 +55,7 @@ fn search_results(
                 div![C!["subject"], &r.subject],
                 span![C!["from", "is-size-7"], pretty_authors(&r.authors)],
                 div![
-                    span![C!["is-size-7"], tags_chiclet(&r.tags, true)],
+                    span![C!["is-size-7"], tags_chiclet(&tags, true)],
                     span![C!["is-size-7", "float-right", "date"], datetime]
                 ]
             ]
@@ -59,8 +63,8 @@ fn search_results(
     });
     div![
         C!["search-results"],
-        view_search_pager(count, pager),
-        rows,
-        view_search_pager(count, pager),
+        search_toolbar(count, pager),
+        div![C!["index"], rows,],
+        search_toolbar(count, pager),
     ]
 }
diff --git a/web/src/view/mod.rs b/web/src/view/mod.rs
index 973e4fc..53c88ba 100644
--- a/web/src/view/mod.rs
+++ b/web/src/view/mod.rs
@@ -160,7 +160,7 @@ fn view_search_results(
     });
 
     div![
-        view_search_pager(count, pager),
+        search_toolbar(count, pager),
         table![
             C![
                 "table",
@@ -177,11 +177,11 @@ fn view_search_results(
             ]],
             tbody![rows]
         ],
-        view_search_pager(count, pager)
+        search_toolbar(count, pager)
     ]
 }
 
-fn view_search_pager(count: usize, pager: &FrontPageQuerySearchPageInfo) -> Node<Msg> {
+fn search_toolbar(count: usize, pager: &FrontPageQuerySearchPageInfo) -> Node<Msg> {
     let start = pager
         .start_cursor
         .as_ref()