paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 05:53:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

topic_popover: Add a 'Default' option and Show 'Unmute' conditionally.

Browse Source 
The 'Unmute' option is available in not-muted streams only when
it is the current value.

Add a 'Default' option. Available in both muted and not-muted
streams. 'Default' corresponds to the 'INHERIT' visibility policy.

Summary:
* In muted streams:
  Four options: Mute, Default, Unmute, and Follow.

* In not-muted streams:
  Three options: Mute, Default, and Follow.
  The fourth option, 'Unmute' is available only when it is the
  current value.

Reason for conditional availability of 'Unmute' option:
In a not-muted stream, 'Unmute' has no special significance.
We only show 'Default' because both 'Default' and 'Unmute' has the
same behaviour in the not-muted stream.

This avoids the big design downside of showing this fourth
nearly-identical option to users who are just in the normal
default state of a normal topic within a normal stream

We only show the 'Unmute' option in the not-muted stream to users.
if they have followed a sequence of steps that led them to
'Unmute' state in a not-muted stream. 
For example:
Mute a stream > Unmute a topic > Unmute the stream

By doing so, we avoid destroying information. The user, when
mutes the stream again, the topic will retain the 'Unmute' state.

New icons for Mute, Default, Unmute, and Follow.
This commit is contained in:
Prakhar Pratyush
2023-08-10 13:34:26 +05:30
committed by Tim Abbott
parent 87bd7b0b7d
commit 71244f4a94
5 changed files with 27 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/shared/icons/follow.svg
View File

@@ -1 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g fill="#000" fill-rule="evenodd" clip-rule="evenodd"><path d="M7.62 2.73c.23.11.38.35.38.6v9.34a.66.66 0 0 1-1.08.52l-3.15-2.53H1.33A.66.66 0 0 1 .67 10V6c0-.37.3-.67.66-.67h2.44l3.15-2.52c.2-.16.47-.19.7-.08Zm-.95 1.99-2.25 1.8a.66.66 0 0 1-.42.15H2v2.67h2c.15 0 .3.05.42.14l2.25 1.8V4.72Zm3.22.45a.67.67 0 0 1 .94 0 4 4 0 0 1 0 5.65.66.66 0 0 1-.94-.94 2.67 2.67 0 0 0 0-3.77.67.67 0 0 1 0-.94Z"/><path d="M12.24 2.82a.66.66 0 0 1 .94 0 7.33 7.33 0 0 1 0 10.36.66.66 0 0 1-.94-.94 6 6 0 0 0 0-8.48.66.66 0 0 1 0-.94Z"/></g></svg>
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5806 2.71333C5.3851 3.03366 4.36581 3.81579 3.74697 4.88765C3.12813 5.95951 2.96043 7.2333 3.28077 8.4288C3.85926 10.5878 3.75674 12.0522 3.54024 12.9463C3.43154 13.3953 3.29234 13.708 3.18869 13.8993C3.13675 13.9951 3.09342 14.0611 3.0668 14.0988C3.05349 14.1177 3.04434 14.1296 3.04037 14.1346L3.03889 14.1364C2.85054 14.3569 2.8261 14.6743 2.97946 14.9212C3.13447 15.1708 3.43456 15.2894 3.71833 15.2134L5.34664 14.7771C5.34768 14.9281 5.39976 15.0796 5.50515 15.2037C5.73195 15.4707 6.02494 15.6736 6.35477 15.7918C6.40629 15.8102 6.45842 15.8265 6.51104 15.8407C6.79473 15.9198 7.09334 15.9341 7.38457 15.8816C7.65599 15.8326 7.91317 15.7271 8.13972 15.5727C8.20197 15.5312 8.26201 15.4861 8.31954 15.4375C8.5873 15.2115 8.791 14.9192 8.91024 14.5897C9.00487 14.3282 8.9259 14.0462 8.73245 13.8699L15.3094 12.1076C15.5932 12.0315 15.7938 11.7787 15.8032 11.4851C15.8126 11.1946 15.6327 10.9319 15.3594 10.8352L15.3572 10.8343C15.3512 10.8319 15.3374 10.8263 15.3164 10.8166C15.2745 10.7972 15.204 10.7617 15.1111 10.7047C14.9257 10.5909 14.6488 10.3897 14.3301 10.0552C13.6956 9.38906 12.8746 8.17211 12.2961 6.01316C11.9757 4.81766 11.1936 3.79837 10.1218 3.17953C9.0499 2.56069 7.7761 2.39299 6.5806 2.71333ZM13.5803 11.1905L4.75729 13.5546C4.78478 13.4612 4.8112 13.3631 4.83613 13.2601C5.11106 12.1246 5.198 10.4324 4.56867 8.08371C4.33986 7.22978 4.45964 6.31993 4.90167 5.55432C5.3437 4.7887 6.07176 4.23004 6.92569 4.00123C7.77962 3.77242 8.68948 3.8922 9.45509 4.33423C10.2207 4.77626 10.7794 5.50432 11.0082 6.35825C11.6375 8.70696 12.5589 10.129 13.3647 10.9749C13.4378 11.0516 13.5098 11.1234 13.5803 11.1905Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8195 1.14533C12.0736 0.880158 12.4946 0.871185 12.7597 1.12529C14.1917 2.49748 15.326 4.24605 15.7526 6.44023C15.8227 6.80074 15.5873 7.14983 15.2267 7.21993C14.8662 7.29003 14.5171 7.0546 14.447 6.69408C14.0828 4.82063 13.1144 3.30724 11.8395 2.08557C11.5744 1.83147 11.5654 1.41051 11.8195 1.14533Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.19402 4.1089C0.839089 4.0145 0.474837 4.22571 0.380441 4.58064C-0.129305 6.49729 -0.189051 8.58067 0.587328 10.6768C0.714892 11.0212 1.0975 11.197 1.4419 11.0694C1.78631 10.9418 1.96209 10.5592 1.83453 10.2148C1.17163 8.4251 1.21193 6.62888 1.66576 4.92248C1.76016 4.56754 1.54895 4.20329 1.19402 4.1089Z" fill="black"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 628 B

After

Width:  |  Height:  |  Size: 2.5 KiB

4
web/shared/icons/inherit.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.70087 2.03334C5.57604 1.15817 6.76303 0.666504 8.0007 0.666504C9.23838 0.666504 10.4254 1.15817 11.3005 2.03334C12.1757 2.90851 12.6674 4.09549 12.6674 5.33317C12.6674 7.56828 13.1454 8.95626 13.586 9.76394C13.8072 10.1695 14.0226 10.4355 14.1722 10.5934C14.2472 10.6726 14.3061 10.7251 14.3416 10.7546C14.3593 10.7694 14.3712 10.7785 14.3763 10.7823C14.3771 10.7829 14.3778 10.7834 14.3782 10.7837C14.6172 10.9479 14.723 11.2482 14.6388 11.5264C14.5536 11.8075 14.2945 11.9998 14.0007 11.9998H2.0007C1.70692 11.9998 1.44777 11.8075 1.36264 11.5264C1.27841 11.2482 1.38417 10.9479 1.62316 10.7837C1.62363 10.7834 1.62427 10.7829 1.62507 10.7823C1.6302 10.7785 1.6421 10.7694 1.65985 10.7546C1.69533 10.7251 1.75425 10.6726 1.82923 10.5934C1.97885 10.4355 2.19424 10.1695 2.41544 9.76394C2.85599 8.95626 3.33404 7.56828 3.33404 5.33317C3.33404 4.09549 3.8257 2.90851 4.70087 2.03334ZM3.43359 10.6665H12.5678C12.5171 10.5834 12.4662 10.4954 12.4154 10.4024C11.856 9.37675 11.334 7.76473 11.334 5.33317C11.334 4.44912 10.9828 3.60127 10.3577 2.97615C9.73261 2.35103 8.88476 1.99984 8.0007 1.99984C7.11665 1.99984 6.2688 2.35103 5.64368 2.97615C5.01856 3.60127 4.66737 4.44912 4.66737 5.33317C4.66737 7.76473 4.14541 9.37675 3.58597 10.4024C3.53523 10.4954 3.48431 10.5834 3.43359 10.6665Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.51286 13.4232C6.83134 13.2384 7.23929 13.3468 7.42404 13.6653C7.48264 13.7663 7.56676 13.8502 7.66796 13.9085C7.76917 13.9668 7.88391 13.9975 8.0007 13.9975C8.1175 13.9975 8.23224 13.9668 8.33344 13.9085C8.43465 13.8502 8.51877 13.7663 8.57737 13.6653C8.76212 13.3468 9.17007 13.2384 9.48855 13.4232C9.80703 13.6079 9.91545 14.0159 9.7307 14.3344C9.55489 14.6374 9.30255 14.889 8.99893 15.0639C8.69531 15.2388 8.35108 15.3308 8.0007 15.3308C7.65032 15.3308 7.30609 15.2388 7.00248 15.0639C6.69886 14.889 6.44651 14.6374 6.2707 14.3344C6.08596 14.0159 6.19437 13.6079 6.51286 13.4232Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

6
web/shared/icons/mute-new.svg
View File

@@ -1 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g fill="#000"><path fill-rule="evenodd" d="M7.62 2.73c.23.11.38.35.38.6v9.34a.66.66 0 0 1-1.08.52l-3.15-2.53H1.33A.66.66 0 0 1 .67 10V6c0-.37.3-.67.66-.67h2.44l3.15-2.52c.2-.16.47-.19.7-.08Zm-.95 1.99-2.25 1.8a.66.66 0 0 1-.42.15H2v2.67h2c.15 0 .3.05.42.14l2.25 1.8V4.72Z" clip-rule="evenodd"/><path d="M15.14 6.47a.66.66 0 1 0-.94-.94l-1.53 1.53-1.53-1.53a.67.67 0 0 0-.94.94L11.73 8 10.2 9.53a.66.66 0 1 0 .94.94l1.53-1.53 1.53 1.53a.67.67 0 0 0 .94-.94L13.6 8l1.53-1.53Z"/></g></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.69901 14.5685C1.45858 14.8462 1.48874 15.2662 1.76637 15.5066C2.04401 15.747 2.46398 15.7168 2.70441 15.4392L14.7923 1.48072C15.0327 1.20308 15.0026 0.783108 14.7249 0.542679C14.4473 0.302251 14.0273 0.332413 13.7869 0.610048L11.9072 2.78067C11.7325 2.51346 11.5297 2.26293 11.3005 2.03378C10.4254 1.15861 9.23838 0.66695 8.0007 0.66695C6.76303 0.66695 5.57604 1.15861 4.70087 2.03378C3.8257 2.90895 3.33404 4.09594 3.33404 5.33362C3.33404 7.56872 2.85599 8.9567 2.41544 9.76438C2.19424 10.1699 1.97885 10.4359 1.82923 10.5939C1.75425 10.673 1.69533 10.7255 1.65985 10.7551C1.6421 10.7699 1.6302 10.7789 1.62507 10.7827L1.62316 10.7842C1.38417 10.9483 1.27841 11.2486 1.36264 11.5268C1.44777 11.808 1.70692 12.0003 2.0007 12.0003H3.92309L1.69901 14.5685ZM5.07774 10.6669L10.984 3.84668C10.825 3.52769 10.6145 3.23335 10.3577 2.97659C9.73261 2.35147 8.88476 2.00028 8.0007 2.00028C7.11665 2.00028 6.2688 2.35147 5.64368 2.97659C5.01856 3.60172 4.66737 4.44956 4.66737 5.33362C4.66737 7.76518 4.14541 9.3772 3.58597 10.4029C3.53523 10.4959 3.48431 10.5838 3.43359 10.6669H5.07774Z" fill="black"/>
<path d="M14.0007 12.0003H7.29262L8.44727 10.6669H12.5678C12.5171 10.5838 12.4662 10.4959 12.4154 10.4029C12.0139 9.6667 11.6317 8.62848 11.4479 7.20198L12.6741 5.78604C12.7334 7.75825 13.1759 9.01266 13.586 9.76438C13.8072 10.1699 14.0226 10.4359 14.1722 10.5939C14.2472 10.673 14.3061 10.7255 14.3416 10.7551C14.3593 10.7699 14.3712 10.7789 14.3763 10.7827L14.3782 10.7842C14.6172 10.9483 14.723 11.2486 14.6388 11.5268C14.5536 11.808 14.2945 12.0003 14.0007 12.0003Z" fill="black"/>
<path d="M6.51286 13.4236C6.83134 13.2389 7.23929 13.3473 7.42404 13.6658C7.48264 13.7668 7.56676 13.8507 7.66796 13.9089C7.76917 13.9672 7.88391 13.9979 8.0007 13.9979C8.1175 13.9979 8.23224 13.9672 8.33344 13.9089C8.43465 13.8507 8.51877 13.7668 8.57737 13.6658C8.76212 13.3473 9.17007 13.2389 9.48855 13.4236C9.80703 13.6084 9.91545 14.0163 9.7307 14.3348C9.55489 14.6379 9.30255 14.8894 8.99893 15.0643C8.69531 15.2392 8.35108 15.3313 8.0007 15.3313C7.65032 15.3313 7.30609 15.2392 7.00248 15.0643C6.69886 14.8894 6.44651 14.6379 6.2707 14.3348C6.08596 14.0163 6.19437 13.6084 6.51286 13.4236Z" fill="black"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 582 B

After

Width:  |  Height:  |  Size: 2.3 KiB

7
web/shared/icons/unmute-new.svg
View File

@@ -1 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#000" fill-rule="evenodd" d="M7.62 2.73c.23.11.38.35.38.6v9.34a.66.66 0 0 1-1.08.52l-3.15-2.53H1.33A.66.66 0 0 1 .67 10V6c0-.37.3-.67.66-.67h2.44l3.15-2.52c.2-.16.47-.19.7-.08Zm-.95 1.99-2.25 1.8a.66.66 0 0 1-.42.15H2v2.67h2c.15 0 .3.05.42.14l2.25 1.8V4.72Zm3.22.45a.67.67 0 0 1 .94 0 4 4 0 0 1 0 5.65.66.66 0 0 1-.94-.94 2.67 2.67 0 0 0 0-3.77.66.66 0 0 1 0-.94Z" clip-rule="evenodd"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.60716 6.67468L7.99904 1.99846C8.39624 1.99846 8.7251 2.05423 9.05541 2.16433C9.40383 2.28047 9.78044 2.09217 9.89658 1.74375C10.0127 1.39533 9.82442 1.01872 9.47599 0.902583C9.00631 0.74602 8.53517 0.668457 7.99904 0.668457C5.43177 0.668457 3.33404 2.76619 3.33404 5.33346C3.33404 7.35703 2.94224 8.68641 2.54106 9.51953L1.62247 10.7854C1.38405 10.9491 1.27855 11.2487 1.36257 11.5262C1.44749 11.8066 1.70599 11.9985 1.99904 11.9985H13.999C14.2853 11.9985 14.5394 11.8153 14.6299 11.5437C14.7197 11.2744 14.6285 10.978 14.4035 10.8056L14.3983 10.8014C14.3908 10.7952 14.3761 10.7827 14.3551 10.7637C14.3133 10.7255 14.2465 10.6609 14.1627 10.5667C13.9955 10.3785 13.7596 10.0714 13.5191 9.62052C13.3463 9.29645 12.9435 9.17386 12.6194 9.34669C12.2954 9.51952 12.1728 9.92234 12.3456 10.2464C12.427 10.399 12.5087 10.5395 12.5893 10.6685H3.42895C3.48017 10.5846 3.5316 10.4958 3.58284 10.4019C4.03213 9.57818 4.4573 8.37608 4.60716 6.67468ZM4.66404 5.33346C4.66404 3.50073 6.16631 1.99846 7.99904 1.99846L4.60738 6.67215C4.64393 6.25632 4.66404 5.81067 4.66404 5.33346ZM2.53588 9.53025C2.53761 9.52669 2.53934 9.52311 2.54106 9.51953L4.60738 6.67215L4.60716 6.67468L2.53588 9.53025ZM2.53588 9.53025C2.49562 9.61343 2.45527 9.69162 2.41524 9.76502C2.19397 10.1707 1.97849 10.4368 1.82878 10.5949C1.75375 10.6741 1.69478 10.7266 1.65925 10.7562C1.64565 10.7675 1.63547 10.7755 1.62913 10.7803L2.53588 9.53025ZM1.62913 10.7803L1.62845 10.7813L1.62703 10.7822L1.62461 10.7839C1.62461 10.7839 1.62719 10.7818 1.62913 10.7803Z" fill="black"/>
<path d="M7.44903 13.6797C7.27208 13.3579 6.86774 13.2404 6.54591 13.4174C6.22407 13.5943 6.10662 13.9986 6.28356 14.3205C6.45253 14.6278 6.70092 14.8841 7.00279 15.0626C7.30465 15.2411 7.64892 15.3353 7.99963 15.3353C8.35033 15.3353 8.6946 15.2411 8.99647 15.0626C9.29834 14.8841 9.54673 14.6278 9.71569 14.3205C9.89264 13.9986 9.77518 13.5943 9.45335 13.4174C9.13152 13.2404 8.72718 13.3579 8.55023 13.6797C8.49602 13.7783 8.41632 13.8605 8.31947 13.9178C8.22261 13.9751 8.11215 14.0053 7.99963 14.0053C7.88711 14.0053 7.77665 13.9751 7.67979 13.9178C7.58294 13.8605 7.50324 13.7783 7.44903 13.6797Z" fill="black"/>
<path d="M12.2268 6.15555C12.0517 6.33066 11.8142 6.42904 11.5666 6.42904C11.3189 6.42904 11.0814 6.33066 10.9063 6.15555C10.7312 5.98043 10.6328 5.74293 10.6328 5.49528C10.6328 5.24763 10.7312 5.01013 10.9063 4.83501C11.0814 4.6599 11.3189 4.56152 11.5666 4.56152C11.8142 4.56152 12.0517 4.6599 12.2268 4.83501C12.402 5.01013 12.5003 5.24763 12.5003 5.49528C12.5003 5.74293 12.402 5.98043 12.2268 6.15555Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.1357 5.49536L15.7283 5.79711C15.8249 5.60753 15.8246 5.38276 15.7281 5.19317L15.7272 5.1915L15.7257 5.18845L15.7211 5.1796L15.706 5.15127C15.6934 5.12783 15.6755 5.09542 15.6526 5.05533C15.6067 4.97523 15.54 4.86394 15.4531 4.73181C15.2801 4.46879 15.0227 4.11666 14.6842 3.76211C14.0186 3.06485 12.9643 2.28223 11.5683 2.28223C10.1721 2.28223 9.11778 3.06483 8.45219 3.76214C8.11377 4.1167 7.85636 4.46885 7.68342 4.73187C7.59654 4.86401 7.52989 4.97531 7.48402 5.05541C7.46106 5.09551 7.44323 5.12792 7.4306 5.15136L7.41554 5.17969L7.41094 5.18855L7.40937 5.19159L7.40877 5.19277C7.40877 5.19277 7.40829 5.19371 8.00094 5.49536L7.40829 5.19371C7.31182 5.38324 7.31182 5.60748 7.40829 5.79702L7.40877 5.79796L7.40937 5.79913L7.41094 5.80218L7.41554 5.81103L7.4306 5.83936C7.44323 5.86281 7.46106 5.89522 7.48402 5.93531C7.52989 6.01542 7.59654 6.12671 7.68342 6.25885C7.85636 6.52188 8.11377 6.87403 8.45219 7.22859C9.11778 7.9259 10.1721 8.7085 11.5683 8.7085C12.9643 8.7085 14.0186 7.92587 14.6842 7.22861C15.0227 6.87407 15.2801 6.52193 15.4531 6.25892C15.54 6.12679 15.6067 6.01549 15.6526 5.93539C15.6755 5.8953 15.6934 5.86289 15.706 5.83945L15.7211 5.81113L15.7257 5.80227L15.7272 5.79922L15.7278 5.79805C15.7278 5.79805 15.7283 5.79711 15.1357 5.49536ZM8.79472 5.46256C8.93592 5.24781 9.14465 4.96293 9.41428 4.68045C9.96479 4.10369 10.6941 3.61223 11.5683 3.61223C12.4423 3.61223 13.1716 4.10367 13.7222 4.68047C13.9919 4.96297 14.2007 5.24787 14.3419 5.46262L14.3633 5.49536L14.3419 5.5281C14.2007 5.74286 13.9919 6.02776 13.7222 6.31025C13.1716 6.88706 12.4423 7.3785 11.5683 7.3785C10.6941 7.3785 9.96479 6.88703 9.41428 6.31028C9.14465 6.0278 8.93592 5.74291 8.79472 5.52817L8.77332 5.49536L8.79472 5.46256ZM15.1357 5.49536C15.7283 5.19361 15.7281 5.19317 15.7281 5.19317L15.1357 5.49536Z" fill="black"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 499 B

After

Width:  |  Height:  |  Size: 4.5 KiB

9
web/templates/topic_sidebar_actions.hbs
View File

@@ -14,9 +14,14 @@
<div class="tab-option tippy-zulip-tooltip {{#if (eq visibility_policy all_visibility_policies.MUTED)}}selected-tab{{/if}}" data-visibility-policy="{{all_visibility_policies.MUTED}}" data-tippy-content="{{t 'Mute' }}" aria-label="{{t 'Mute' }}">
<i class="zulip-icon zulip-icon-mute-new"></i>
</div>
<div class="tab-option tippy-zulip-tooltip {{#if (eq visibility_policy all_visibility_policies.UNMUTED)}}selected-tab{{/if}}" data-visibility-policy="{{all_visibility_policies.UNMUTED}}" data-tippy-content="{{t 'Unmute' }}" aria-label="{{t 'Unmute' }}">
<i class="zulip-icon zulip-icon-unmute-new"></i>
<div class="tab-option tippy-zulip-tooltip {{#if (eq visibility_policy all_visibility_policies.INHERIT)}}selected-tab{{/if}}" data-visibility-policy="{{all_visibility_policies.INHERIT}}" data-tippy-content="{{t 'Default' }}" aria-label="{{t 'Default' }}">
<i class="zulip-icon zulip-icon-inherit"></i>
</div>
{{#if (or stream_muted topic_unmuted)}}
<div class="tab-option tippy-zulip-tooltip {{#if (eq visibility_policy all_visibility_policies.UNMUTED)}}selected-tab{{/if}}" data-visibility-policy="{{all_visibility_policies.UNMUTED}}" data-tippy-content="{{t 'Unmute' }}" aria-label="{{t 'Unmute' }}">
<i class="zulip-icon zulip-icon-unmute-new"></i>
</div>
{{/if}}
<div class="tab-option tippy-zulip-tooltip {{#if (eq visibility_policy all_visibility_policies.FOLLOWED)}}selected-tab{{/if}}" data-visibility-policy="{{all_visibility_policies.FOLLOWED}}" data-tippy-content="{{t 'Follow' }}" aria-label="{{t 'Follow' }}">
<i class="zulip-icon zulip-icon-follow"></i>
</div>