From 55f3d7d1284c77c1e47f45e9db56a092ddfe82a5 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 9 Sep 2024 09:45:04 +0800
Subject: [PATCH] MVP-ish button to filter by author if clicked on link card

---
 src/locales/en.po     | 74 +++++++++++++++++++++----------------------
 src/pages/catchup.jsx | 26 ++++++++++++---
 2 files changed, 58 insertions(+), 42 deletions(-)

diff --git a/src/locales/en.po b/src/locales/en.po
index fbdb50cb..bd4b0385 100644
--- a/src/locales/en.po
+++ b/src/locales/en.po
@@ -33,7 +33,7 @@ msgstr ""
 #: src/components/account-block.jsx:166
 #: src/components/account-info.jsx:639
 #: src/components/status.jsx:440
-#: src/pages/catchup.jsx:1454
+#: src/pages/catchup.jsx:1470
 msgid "Group"
 msgstr ""
 
@@ -183,8 +183,8 @@ msgstr ""
 #: src/components/account-info.jsx:859
 #: src/components/status.jsx:2163
 #: src/pages/catchup.jsx:71
-#: src/pages/catchup.jsx:1428
-#: src/pages/catchup.jsx:2039
+#: src/pages/catchup.jsx:1444
+#: src/pages/catchup.jsx:2055
 #: src/pages/status.jsx:892
 #: src/pages/status.jsx:1494
 msgid "Replies"
@@ -192,8 +192,8 @@ msgstr ""
 
 #: src/components/account-info.jsx:863
 #: src/pages/catchup.jsx:72
-#: src/pages/catchup.jsx:1430
-#: src/pages/catchup.jsx:2051
+#: src/pages/catchup.jsx:1446
+#: src/pages/catchup.jsx:2067
 #: src/pages/settings.jsx:1045
 msgid "Boosts"
 msgstr ""
@@ -421,7 +421,7 @@ msgstr ""
 #: src/components/status.jsx:3085
 #: src/components/status.jsx:3583
 #: src/pages/accounts.jsx:36
-#: src/pages/catchup.jsx:1564
+#: src/pages/catchup.jsx:1580
 #: src/pages/filters.jsx:224
 #: src/pages/list.jsx:274
 #: src/pages/notifications.jsx:840
@@ -915,7 +915,7 @@ msgid "No drafts found."
 msgstr ""
 
 #: src/components/drafts.jsx:245
-#: src/pages/catchup.jsx:1911
+#: src/pages/catchup.jsx:1927
 msgid "Poll"
 msgstr ""
 
@@ -975,7 +975,7 @@ msgstr ""
 
 #: src/components/keyboard-shortcuts-help.jsx:43
 #: src/components/nav-menu.jsx:405
-#: src/pages/catchup.jsx:1602
+#: src/pages/catchup.jsx:1618
 msgid "Keyboard shortcuts"
 msgstr ""
 
@@ -984,12 +984,12 @@ msgid "Keyboard shortcuts help"
 msgstr ""
 
 #: src/components/keyboard-shortcuts-help.jsx:55
-#: src/pages/catchup.jsx:1627
+#: src/pages/catchup.jsx:1643
 msgid "Next post"
 msgstr ""
 
 #: src/components/keyboard-shortcuts-help.jsx:59
-#: src/pages/catchup.jsx:1635
+#: src/pages/catchup.jsx:1651
 msgid "Previous post"
 msgstr ""
 
@@ -1014,7 +1014,7 @@ msgid "Load new posts"
 msgstr ""
 
 #: src/components/keyboard-shortcuts-help.jsx:83
-#: src/pages/catchup.jsx:1659
+#: src/pages/catchup.jsx:1675
 msgid "Open post details"
 msgstr ""
 
@@ -1212,7 +1212,7 @@ msgstr ""
 #: src/components/status.jsx:3587
 #: src/components/timeline.jsx:971
 #: src/pages/catchup.jsx:75
-#: src/pages/catchup.jsx:1859
+#: src/pages/catchup.jsx:1875
 msgid "Filtered"
 msgstr ""
 
@@ -1302,8 +1302,8 @@ msgstr ""
 #: src/components/nav-menu.jsx:296
 #: src/components/shortcuts-settings.jsx:55
 #: src/components/shortcuts-settings.jsx:198
-#: src/pages/catchup.jsx:1429
-#: src/pages/catchup.jsx:2045
+#: src/pages/catchup.jsx:1445
+#: src/pages/catchup.jsx:2061
 #: src/pages/favourites.jsx:11
 #: src/pages/favourites.jsx:23
 #: src/pages/settings.jsx:1041
@@ -2314,7 +2314,7 @@ msgstr "Pinned posts"
 
 #: src/components/timeline.jsx:944
 #: src/components/timeline.jsx:951
-#: src/pages/catchup.jsx:1876
+#: src/pages/catchup.jsx:1892
 msgid "Thread"
 msgstr ""
 
@@ -2577,7 +2577,7 @@ msgid "Catch-up <0>beta</0>"
 msgstr ""
 
 #: src/pages/catchup.jsx:896
-#: src/pages/catchup.jsx:1568
+#: src/pages/catchup.jsx:1584
 msgid "Help"
 msgstr ""
 
@@ -2654,7 +2654,7 @@ msgid "Reset filters"
 msgstr ""
 
 #: src/pages/catchup.jsx:1144
-#: src/pages/catchup.jsx:1574
+#: src/pages/catchup.jsx:1590
 msgid "Top links"
 msgstr ""
 
@@ -2662,85 +2662,85 @@ msgstr ""
 msgid "Shared by {0}"
 msgstr ""
 
-#: src/pages/catchup.jsx:1299
+#: src/pages/catchup.jsx:1315
 #: src/pages/mentions.jsx:147
 #: src/pages/search.jsx:222
 msgid "All"
 msgstr ""
 
-#: src/pages/catchup.jsx:1384
+#: src/pages/catchup.jsx:1400
 msgid "{0, plural, one {# author} other {# authors}}"
 msgstr ""
 
-#: src/pages/catchup.jsx:1396
+#: src/pages/catchup.jsx:1412
 msgid "Sort"
 msgstr ""
 
-#: src/pages/catchup.jsx:1427
+#: src/pages/catchup.jsx:1443
 msgid "Date"
 msgstr ""
 
-#: src/pages/catchup.jsx:1431
+#: src/pages/catchup.jsx:1447
 msgid "Density"
 msgstr ""
 
-#: src/pages/catchup.jsx:1469
+#: src/pages/catchup.jsx:1485
 msgid "Authors"
 msgstr ""
 
-#: src/pages/catchup.jsx:1470
+#: src/pages/catchup.jsx:1486
 msgid "None"
 msgstr ""
 
-#: src/pages/catchup.jsx:1486
+#: src/pages/catchup.jsx:1502
 msgid "Show all authors"
 msgstr ""
 
-#: src/pages/catchup.jsx:1537
+#: src/pages/catchup.jsx:1553
 msgid "You don't have to read everything."
 msgstr ""
 
-#: src/pages/catchup.jsx:1538
+#: src/pages/catchup.jsx:1554
 msgid "That's all."
 msgstr ""
 
-#: src/pages/catchup.jsx:1546
+#: src/pages/catchup.jsx:1562
 msgid "Back to top"
 msgstr ""
 
-#: src/pages/catchup.jsx:1577
+#: src/pages/catchup.jsx:1593
 msgid "Links shared by followings, sorted by shared counts, boosts and likes."
 msgstr ""
 
-#: src/pages/catchup.jsx:1583
+#: src/pages/catchup.jsx:1599
 msgid "Sort: Density"
 msgstr ""
 
-#: src/pages/catchup.jsx:1586
+#: src/pages/catchup.jsx:1602
 msgid "Posts are sorted by information density or depth. Shorter posts are \"lighter\" while longer posts are \"heavier\". Posts with photos are \"heavier\" than posts without photos."
 msgstr ""
 
-#: src/pages/catchup.jsx:1593
+#: src/pages/catchup.jsx:1609
 msgid "Group: Authors"
 msgstr ""
 
-#: src/pages/catchup.jsx:1596
+#: src/pages/catchup.jsx:1612
 msgid "Posts are grouped by authors, sorted by posts count per author."
 msgstr ""
 
-#: src/pages/catchup.jsx:1643
+#: src/pages/catchup.jsx:1659
 msgid "Next author"
 msgstr ""
 
-#: src/pages/catchup.jsx:1651
+#: src/pages/catchup.jsx:1667
 msgid "Previous author"
 msgstr ""
 
-#: src/pages/catchup.jsx:1667
+#: src/pages/catchup.jsx:1683
 msgid "Scroll to top"
 msgstr ""
 
-#: src/pages/catchup.jsx:1858
+#: src/pages/catchup.jsx:1874
 msgid "Filtered: {0}"
 msgstr ""
 
diff --git a/src/pages/catchup.jsx b/src/pages/catchup.jsx
index 2fdcf2f3..d63def71 100644
--- a/src/pages/catchup.jsx
+++ b/src/pages/catchup.jsx
@@ -1262,11 +1262,27 @@ function Catchup() {
                                   {sharers.map((s) => {
                                     const { avatarStatic, displayName } = s;
                                     return (
-                                      <Avatar
-                                        url={avatarStatic}
-                                        size="s"
-                                        alt={displayName}
-                                      />
+                                      <button
+                                        type="button"
+                                        class="plain"
+                                        style={{
+                                          padding: 0,
+                                        }}
+                                        onClick={(e) => {
+                                          e.preventDefault();
+                                          e.stopPropagation();
+                                          // Reset and filter to author
+                                          const { id } = s;
+                                          setSelectedAuthor(id);
+                                          setSelectedFilterCategory('all');
+                                        }}
+                                      >
+                                        <Avatar
+                                          url={avatarStatic}
+                                          size="s"
+                                          alt={displayName}
+                                        />
+                                      </button>
                                     );
                                   })}
                                 </Trans>