From 71244f4a9409e3c69f63e746633c883380f46d5d Mon Sep 17 00:00:00 2001
From: Prakhar Pratyush <prakhar841301@gmail.com>
Date: Thu, 10 Aug 2023 13:34:26 +0530
Subject: [PATCH] topic_popover: Add a 'Default' option and Show 'Unmute'
 conditionally.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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.
---
 web/shared/icons/follow.svg             | Bin 628 -> 2540 bytes
 web/shared/icons/inherit.svg            | Bin 0 -> 2109 bytes
 web/shared/icons/mute-new.svg           | Bin 582 -> 2350 bytes
 web/shared/icons/unmute-new.svg         | Bin 499 -> 4604 bytes
 web/templates/topic_sidebar_actions.hbs |   9 +++++++--
 5 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 web/shared/icons/inherit.svg

diff --git a/web/shared/icons/follow.svg b/web/shared/icons/follow.svg
index 208151efcb6cf96995b7535d8053a3aa162b8f48..17c368f92aead56976ca2b7e52f94fe5b80860f0 100644
GIT binary patch
literal 2540
zcmb`J!E%*142Ac7ihu4NN0Kec?hqEeTX+F>6jG9D8W>0kkKa$ebOt(Ib;^bu|FSF}
z9Ub52pTE36p6=c~-d>+HPRH%d-TT`|{?60!<?iO`mk(dBPjbkian#yxclY<#r-u&@
zH>cz4ANLQRuTQs+j~{=&x_WwgYEQj=`1JnDMC6LZrx!mx|M=$dcJF%j>CgL{>(kAb
zn}-kY-kpxO_je!vx%Te*^eUQ9iNjiI@BQqpPuHV2={@2Yt%uLTQ#}{|=ZKZ8&za%p
z-qfb{!`t%3K5Hvv^dp;*jc}WidCWF!PNJtT<7UF4IV+n-jzg`9n}L0ZZM;Tw;zw5p
z_tuy1bj$k2DYaeaj8&iKS{1H6(hILDhD)qI?9kC9bmNG*;o8-R_rdnjR4J11F)BOQ
zR%|RiH|`@|7AJFF;(Ls<aT}@XAjv5MY@r3YQ!gr#TNGZVwyPV1bl&t*J%>5p9g^1I
zxYP+}g|&~DbYev8^qHyEnUR<B7o0<RUn}>1Ny_y`HOlSTPuaw0*R}CT$s-!nat_}k
zdw{zSt_{wm^BiqR7}s-pEynlZv)BV$IM`KX@1H}Gc&?Yb-lc2Oa@a2V&_W*y?sNFg
zKc~hyTez=F{*DN;E$w<a-%`<t_LciQPs{V<8j94&=Ut8O7OWH=6P{<Q>+SPKPbVHt
zeWMQ=X5DI&ud6mM?nLk)YUOz~kugb5?`-bx=DW2rqF{C#TS*9Pz2wX;#ho>kjC0kr
zI<+EP6k0Xq>PSmlW~GHQsqadyt`$GEgs)AvCg?#o;smaAbJD%?OPk$op9cvSJbLZ#
z4hQ@DxA<OzL%hYlbl1`fSYy{`S@jEbT{yLB9WXAGEB`i@k>@SZY87+2WYZ91avh<E
z)dE=RMZGYmZf6E87Sdhy8S{XKi7!B#rd3{R43L)OXffp|vp{}aLlaloG$27Fzh+IC
zFmbvEI+^q8&Oj;FJcPkYNF|#gcw_lT$9nyWYOpX!D00PL4qPQm$gKN_Gk6Z%20Q{1
ztBT?hQ;DtxdthN;3#mDSn#-lsxD*(5Q{q4pM0?CAM-wVnlJ~x5so89C$Y5#~onX2Y
zPXaGd;t`CKU{5hOuA0yZ1SO0Bts_YAva%8kOVm0ulZ<v5W2P~SvjtXBM9qa?E)H}0
zRYeTKDbkElCws=lXW2itHE?(_B!b#&^rw0CB^aHOJ3Q|`I^%Ka$0iV;yQnnBs<ty}
zTje+n;Semv4a9%5<?kEu`tRrK*ZVhbe?MLQm)D8ZbDLPx;XF?@aAjWTe2O|}Tf@}$
zLaI(A&r9Z|S!!~lXxx0E`HD-Zt5Jd)7#|^*$#pPp$J4VXZ5opq46xLM(YUgeqyV&9
z*o=PC@9J-*pFxMfOG<<YL~%3R5bYH#&kyEh$gF7iFO^J_np>VM9p(L9XmBw(dFd!t
zraObF&6Dr7tknr{l;^dfv|z`7N6-JlcsUgI4{b8nxeRIX2UutU#1B~93N~{tS{A{(
zS#wlBB*yt!4fE=73#XXRI%)-<px*LmfxZ3yW4xub;8Ek4)Pbh!M#5{!4F$_6xZeO+
zEZbuhBG0(&tkGrn8u$kG!qc#I%M(+ZCr>N%G7qFBo|Zs&{R}DASXE||uJEg*wnzA$
jLWXLGCq_^j;n&G#+o{dLJgj9bKTz~9q}PwJ7eD<48ch?N

literal 628
zcmZ8f%Wi`}4E&YV_Kev#PyteV%B9yFa*GHBqzyy~g?xTzp(shUme-iEXKcuCQ^W3O
z-`@(}j^pJ$j^}x%S<`TBVkLx#f#7WJPGehe={Rfau4%_L{_ealct7+tXH!?tpToW2
zf(a%ajF)-CR>&JV@g<I~KfW$_J=OhiI&oI{?(#2J=9lBxvQxpo5^{<uN_0g^la!=W
z(l&TEWu(oKoP&W8oRK7vl2twe)JBS|-l0N&JcAgygh{b?m54|uq$4B%2v@7f7{3)O
za7H8@nFLox@FG2&Bg!n3lw}}LAxd9GkWpaYsYxvzD?C6PX%cpMW&BpRH<YNuS(5^<
zMHlEu)=?N`29d#8MuWHHU{BKm0xbsXLDk{{6bIucq1B@sM$OED$4{G;P!VcV^&<a|
p7<<udaT~o9qysr@l@wYo{En@ez?_o7r+I*o+L+^}%)`%A{sMB)k8A({

diff --git a/web/shared/icons/inherit.svg b/web/shared/icons/inherit.svg
new file mode 100644
index 0000000000000000000000000000000000000000..408b67c56b0b65afdea23020f5d916c1897b4296
GIT binary patch
literal 2109
zcmbVNO^;hQ47}%8JiL2pNfbX+#5vTLT=EBUOSA6UsJpvJ+;x6_htiW9EP5&sU^Avf
z4TnR%_upS1m)rT_dfKm9*X49PKc24R|F7rc?YHM2`!y|T$%=pL^2hmd*{@H}Psern
z@z>?)`+hxLuP?vucDLJ&ZcNYL9(N_Bv_s<c!@Kt{U#_Qq>z8kTUyl3r_<DSLet1}y
zub1=7+ut7c>!(VVlG{=!F>^f#iD{}!rYxRqQ8MMkOCnVj1f1}k-SMGOVQ0Vpu;fIw
z$iEqKCQeE2FXTemBwlREB`?6LR+mbtNo{v51VY&kGj1g6#h1*KEAl%v(E^>A#C2&w
zwABNkCo4fCYm+4-Z;4}|#nN%M(&N%lFyf_-^J;Ofg06yAA}c`;xJEmGrD~jKT<lmI
z$^^FD^O<?i&tTHyUbvq(8~MDTyf|+t1Noe{`#$bFqufdgf)Q`k`gtozmq9a*A<T~J
znWSi^FT$XgqwM~CX%&AnwbpPB<ww6Z{1JTyJY=+88`8~VRI6D(HqsD7Td<qYP%*El
zV$vW6#QDjRwD6`<uOjeNA*uwfrJuL10<Z+FP$5)8RcVOOMI^0dXx23*l@{909uPXq
zL*w3~Xie$y(L=%;AzGr*V`}E(e)j+z*lGc*%_D_smRj!~D&!)q-7UtjVukmo1t*>s
zop@Rp7A!wG{LPGg{=~2%Ocd|ORDFcSMa{$Nl80BMdjrH&yDSy65u*`A<6cb#%}3KE
ztPjUU?=fl6+As;#x@7`Rl3TQ*({1>*#W*o(%A+$ZZ~(^AGz;e1xL^(n?4GdzoZPFy
zXx&%$J+Q%pQO+pk9#$#}o6g&UhO!18*@aRL>hpEDT8#}$V6dBblAn0iR{IXf_tIkr
zNb7#;$^f$r2Xy72xL59u>dL<9z~{MYf4_YB`scd)Kbut1yMjf81yl={gOYO&>vL?#
zXiMQ13jl7Zkiu{*Oa%<#7z$#(W8@h9!{~(BGz5p61hZiwQR_GsC(fI;7(u3{J)b)_
zlnC75hHX)A@Ze}rc;p@h#~6X_w#T-`2n3Go4vW_4=k~gzI*$dhu>-bf7;tCrU{k_Y
zTXhXfzVDr_`iAN-R1xp$v{+ZLRoqWlbB!9DjW}i~V>H5ku^+H4K?`masouAtGCmft
zd@5s`JATHupm{81_zGVEu#W`+EhMye#KXkchT$jto!SftDe-Azkl(@<pMZqdw(Ewa
ziR~M>r&px+Xm!O<G<+i~q{3^ln?VlVx1YExLC|R2R+`54*`$lo-x%jVycl2i5AXf~
DsQb3u

literal 0
HcmV?d00001

diff --git a/web/shared/icons/mute-new.svg b/web/shared/icons/mute-new.svg
index 91b0dcbfc6d9d442865c8edccfccb443c0359ec7..9022567f92a4c4ae3880297e9f0341d0f42e6e74 100644
GIT binary patch
literal 2350
zcmaKu&2C&b42Ac3ii^9itY4BUGFfysUN|q1T^dhpqf^^RTu&aqAEi4JBPa?Ou#YHF
z6nW0Me*gXTZaF>NzTEHDB<pg2c(}WNnSZ}N98P~c{n)K>iAxfG*5&KN@wi(bpB@kE
z^5gI0<M-Wq|MK$u`_<LybPA^up1$2(<rw1?iPsPB-amhSxgV!~`}WWAuv-tWhsUSe
z+jaSJe0ctK?RK|*OhI~&X-PFSv9?d4Hf!eCs^kT1rgcdzWEogRiaKslWS>K<)z7z}
zRhJy9l+JNr5(6vo5w4}@8`5geWu%Ro_w0)$lP=^~;y4#$mL&$Yl6-*!xpo#>&7ytJ
zLaka@C^6?YDvx<Clw1?J3x~yzNQ$xAO-iA2nHOVGbPv{&8@Q!X>2wM$cP~Cm?j%U$
zjvkMtsO?h>H8*+?QZq?Q54l(|zd)q7#R3!1Gu%s1DbXvOVLGJ}e;(&WF`8dD)0bem
zIqcEMRzfM2?KQ;SdcEMrdXc<8$JGZmUS+NIP8Ge$m_TZ^Qlv^P#(+|<ncHJXjG9Mu
zHEWJ*X^t(AiO}I*=x<OuJ>o)Fogc06n~CJca*)>NacwQJU20|sglBf14r_pFo?LRH
zHI6OojpO3nc3c^MC|1*m_iBDyW}S5WQH_0p7YoJvgoH`>?3Mjg?c|`7(z%XSMmj!z
z5uNb51RfT<-};v0pFTo5vW%Yih;AsSn|B(@`z_HY0&JN_d9jkJ<IDs`XG)_82BtJ)
zPp3<U7CDrb(0~QAsxqs|cBaQDD%)N|N+N?@P~8@Rb>>Q$ryC6|Lpd`$wI*xA?Gh8?
zuCPiGpv!=PU+|e8=eRPEmW(*H)6yP_a-2t5gX=u1#@u03E6oK7hHk{G)iMU!oa12L
zJexqPuD8~GI(yTf$IoB>TCdL5Gb{z>x*pDB&;Y?C-<S{2wLXP$O&r3~Zr7pyyb{b9
z28l*Vj-m9WWN=KS^CE^vI>uYzkijjhkYbReFI*c_NBud7(f}OEkfC3vD2%u^A2W85
zloxigVsVa9`9(iKbMv6;sUKdKaVT%tXbcV3JmOP773$9YLq8QSfgEg~`T^HX0Yg7v
z&W-pG5LnYlHx=YqW_&2fvCa5U5c76gkbf%3{gUlx0TC{+3p@pc&9_4Jn}8^`Lv3%V
z3kY+4JG%dyvM{vl5``hT2(E`=(^fF<INFclLmd3d{aV@Pwg!g%E`w@A+PF2MBi@+i
z$Y*XD>OAiQyDzdIExJ{pYT?0(%1WoP;I3|ev+@b|hRSpdcZ=qd-37PP=4OgZI`-^v
zlP|&8KW;Z(XKplGbzpVXfk*X5HQC3sy{<!o!TIg=-9MXdms@wblgJzFGRA6p=unzC
z4Nr{MJ;Wu$bW1fXrM2q*>Eq*Zh&K-R<*RIb6Y%<O&Kl&1T~NNeG|k{EP1lKICi8Pz
zn98L&ZW5``OKE&|eftQjb2M_@c3kNt{(DI;q&J`ScD<lv%;i!Z7N&2imk{xov3)#F
W{1db_&maE_b^e28{_o6(cmD#AL*pF)

literal 582
zcmZ9KO>cuR42J)Tm7Qbq9hgd`?bJhe?V+~{7$BukwG8_6=cMbpPD&gnJbwKlR+qVj
z>oE+Ml6BK`dd;$BS#Z%fp4&_bAu=KuEPXw7C6kUp*Ys^S-Tco!gpv*8&@h<$W_cg4
zB@-Y(I$CVKYT<^wkP=-_hp9_1{QMP~k~MQPjCIYRF4>1ir$C|C6)KHVqRvs<Xx&_(
zHV1T$7O9gymnd?yDsVzAS7`NyBJ|r|2+(<uV&^KsQG3*!9tem>r_h*i4_1_uqjYFI
z9R-pV`ToeUupqH0D1nMz{#*naMcFrMR!Om<3l)bNg-xGKxX0}bdbMXzh5q!f`Rr#d
zaR$<&G!V;pB$7bY7bfmNZCg!sSe?9Nh@_@`noA-H+|u~GhMc-b1qJa>dO%2&`xQ!(
a$vmk=F6P}zjSlh$zh_i+*3zcmWBm;)zlll!

diff --git a/web/shared/icons/unmute-new.svg b/web/shared/icons/unmute-new.svg
index 1a739a0dab41936fd0a624aa2453bf048297aa6c..dd6906e3f6b9595cf64ed124c363db1a0f66d07c 100644
GIT binary patch
literal 4604
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

literal 499
zcmZ8e%Wi`(5d4*ud-meDp$d`OQ!c&ckXr;aAUO~v6!Q5Uh$5wxSL?NzncXp)+jOG)
zIrX<vwBvYr&$4-*dA2-UPnl6lWk3j;yLxO(p@X2d=}ztVsK2|EO3@E}BWUWH`E$6J
zLXjdJ5MsNz9LJU(s5gj-wU*bP)Rdx`ntrHjL3Js<A_qf;qpjFj)|ze3)-O3s1zUII
z5D<`txYVq2_9jU{y)^9Y4h;M83L*}XwAzPCNw$%##03D$)*5y$J;??=CF{U0Vk;O~
z<%hH6!jtBrKm)T>`QIVf8Fb&7$*hVM4j7ItE5Ckn>B-wWj^=Q-Y|z(31#`rQ72?97
ua#*W1WX}Qd;ua9h;_y6Rt!aT`!G2sUA)f37co0;j?(*-Mv+ZX2m)l=HF?IO>

diff --git a/web/templates/topic_sidebar_actions.hbs b/web/templates/topic_sidebar_actions.hbs
index 4a458444b3..e00e2a44c9 100644
--- a/web/templates/topic_sidebar_actions.hbs
+++ b/web/templates/topic_sidebar_actions.hbs
@@ -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>