topic_popover: Add a 'Default' option and Show 'Unmute' conditionally.
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.
2023-08-10 10:04:26 +02:00
|
|
|
<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>
|
