left-sidebar: Change recent conversation icon.

Fixes #29180

docs/THIRDPARTY

@@ -258,6 +258,11 @@ Copyright: 2022, Quansight Labs
 License: BSD-3-Clause
 Comment: GitHub theme (light and dark); Selectors have been modified for use with Zulip
 
+Files: web/shared/icons/recent.svg
+Source: https://lucide.dev/icons/clock-10
+Copyright: 2013-2022 Cole Bemis
+License: ISC License
+
 Files: web/third/bootstrap/css/bootstrap.app.css
 Copyright: 2012 Twitter, Inc.
 License: Apache-2.0
@@ -1472,3 +1477,20 @@ License: GPL-2.0+
  .
  On Debian systems, the complete text of the GNU General Public
  License can be found in /usr/share/common-licenses/GPL-2 file.
+
+License: ISC License
+ Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022
+ as part of Feather (MIT). All other copyright (c) for Lucide are held
+ by Lucide Contributors 2022.
+ .
+ Permission to use, copy, modify, and/or distribute this software for
+ any purpose with or without fee is hereby granted, provided that the
+ above copyright notice and this permission notice appear in all copies.
+ .
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE
+ FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY
+ DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS,
+ WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, 
+ ARISING OUT OF OR IN CONNECTION  WITH THE USE ORPERFORMANCE OF THIS SOFTWARE

help/include/go-to-recent-conversations.md

@@ -1,4 +1,4 @@
-1. Click on <i class="zulip-icon zulip-icon-clock"></i> **Recent conversations**
+1. Click on <i class="zulip-icon zulip-icon-recent"></i> **Recent conversations**
-   (or <i class="zulip-icon zulip-icon-clock"></i> if the **views**
+   (or <i class="zulip-icon zulip-icon-recent"></i> if the **views**
    section is collapsed) in the left sidebar,
    or use the <kbd>T</kbd> keyboard shortcut.

web/shared/icons/recent.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g fill="#000"><path d="M8.667 4v4a.667.667 0 0 1-.965.596L5.035 7.263a.667.667 0 1 1 .596-1.193l1.702.851V4a.667.667 0 0 1 1.334 0Z"/><path d="M8 .667a7.333 7.333 0 1 1 0 14.666A7.333 7.333 0 0 1 8 .667ZM2 8a6 6 0 1 0 12 0A6 6 0 0 0 2 8Z"/></g></svg>

web/src/message_view_header.js

@@ -16,7 +16,7 @@ function get_message_view_header_context(filter) {
     if (recent_view_util.is_visible()) {
         return {
             title: $t({defaultMessage: "Recent conversations"}),
-            zulip_icon: "clock",
+            zulip_icon: "recent",
         };
     }
     if (inbox_util.is_visible()) {

web/templates/introduce_zulip_view_modal.hbs

@@ -27,8 +27,8 @@
                     {{/tr}}
                 {{else if (eq zulip_view "recent_conversations")}}
                     {{#tr}}
-                        Click <z-icon-clock></z-icon-clock> <b>Recent conversations</b> in the left sidebar.
+                        Click <z-icon-recent></z-icon-recent> <b>Recent conversations</b> in the left sidebar.
-                        {{#*inline "z-icon-clock"}}<i class="zulip-icon zulip-icon-clock" aria-hidden="true"></i>{{/inline}}
+                        {{#*inline "z-icon-recent"}}<i class="zulip-icon zulip-icon-recent" aria-hidden="true"></i>{{/inline}}
                     {{/tr}}
                 {{/if}}
             </li>

web/templates/left_sidebar.hbs

@@ -16,7 +16,7 @@
                 <li class="top_left_recent_view left-sidebar-navigation-condensed-item {{#if is_recent_view_home_view}}selected-home-view{{/if}}">
                     <a href="#recent" {{#if is_recent_view_home_view}}tabindex="0"{{/if}} class="tippy-views-tooltip left-sidebar-navigation-icon-container" data-tooltip-template-id="recent-conversations-tooltip-template">
                         <span class="filter-icon">
-                            <i class="zulip-icon zulip-icon-clock" aria-hidden="true"></i>
+                            <i class="zulip-icon zulip-icon-recent" aria-hidden="true"></i>
                         </span>
                         <span class="unread_count"></span>
                     </a>
@@ -65,7 +65,7 @@
             <li class="tippy-views-tooltip top_left_recent_view top_left_row {{#if is_recent_view_home_view}}selected-home-view{{/if}}" data-tooltip-template-id="recent-conversations-tooltip-template">
                 <a href="#recent" {{#if is_recent_view_home_view}}tabindex="0"{{/if}} class="left-sidebar-navigation-label-container">
                     <span class="filter-icon">
-                        <i class="zulip-icon zulip-icon-clock" aria-hidden="true"></i>
+                        <i class="zulip-icon zulip-icon-recent" aria-hidden="true"></i>
                     </span>
                     {{~!-- squash whitespace --~}}
                     <span class="left-sidebar-navigation-label">{{t 'Recent conversations' }}</span>