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="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>
|
