5d88c52e30
* Initial support for Hand Raise feature Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Refactored to use reaction and redaction events Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Replacing button svg with raised hand emoji Signed-off-by: Milton Moura <miltonmoura@gmail.com> * SpotlightTile should not duplicate the raised hand Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Update src/room/useRaisedHands.tsx Element Call recently changed to AGPL-3.0 * Use relations to load existing reactions when joining the call Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Links to sha commit of matrix-js-sdk that exposes the call membership event id and refactors some async code Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Removing RaiseHand.svg * Check for reaction & redaction capabilities in widget mode Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Fix failing GridTile test Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Center align hand raise. * Add support for displaying the duration of a raised hand. * Add a sound for when a hand is raised. * Refactor raised hand indicator and add tests. * lint * Refactor into own files. * Redact the right thing. * Tidy up useEffect * Lint tests * Remove extra layer * Add better sound. (woosh) * Add a small mode for spotlight * Fix timestamp calculation on relaod. * Fix call border resizing video * lint * Fix and update tests * Allow timer to be configurable. * Add preferences tab for choosing to enable timer. * Drop border from raised hand icon * Handle cases when a new member event happens. * Prevent infinite loop * Major refactor to support various state problems. * Tidy up and finish test rewrites * Add some explanation comments. * Even more comments. * Use proper duration formatter * Remove rerender * Fix redactions not working because they pick up events in transit. * More tidying * Use deferred value * linting * Add tests for cases where we got a reaction from someone else. * Be even less brittle. * Transpose border to GridTile. * First PoC for reactions * hide menu by default * Add lightbulb. * Add reaction indicator. * Add sounds. * Tidy up + add support for floating emoji. * Linting and general stability improvements. * Subscribe to the ecall reaction event type. * fix import * Center emoji picker * Overflow buttons when screen is too narrow * lint * Add settings for disabling animations / sounds. * Make vertical divider more visually distinct. * Make event listener more resillient. * lint * Fix some tests. * Remove old raised hand component * Add new icon * Update text * Update compound hand raised icon. * Add deer. * Fix case where you could send larger strings as emoji * Const the active time. * Document time in css. * Add rock emoji * Add licence file. * Add type def for custom reaction type. * better reaction description * Factor out reactions test structure to utils file. * Add tests for ReactionToggleButton * Add keyboard shortcuts for reaction sending. * type tidyups * lint * Add tests for ReactionAudioRenderer * lint * prettier * i18n sort * final lint? * Preload reaction sounds to prevent delays. * Update rock sounds * add onclick back * Fix test * lint * simplify * Tweak line height * modal impl * Modal refactor attempts. * Remove closed menu test since we're using Modal. * Swap icon, make mobile view better. * Fix mobile view for emoji picker. * Use Intl.Segmenter * Clear timeouts on component close. * Remove useless useCallback * Use prefers-reduced-motion * Add toggle for raise hand. * Add lower hand text * Add lower motion mode. * Decomplicate className system for Modal * Add error for failured to send reaction. * i18n * Spacing for emoji buttons search * Remove unrequired media query * Fix generic sound not playing. * Clear reactions if we're clearing timeouts. * Fix tests * Relabel lower hand * More translations * Add comments on reaction interface * Move polyfill. * lint * Replace deer sound * Another attempt to fix the sizing of the reactions * cleanup * fix button * fix --------- Signed-off-by: Milton Moura <miltonmoura@gmail.com> Co-authored-by: Milton Moura <miltonmoura@gmail.com> Co-authored-by: fkwp <fkwp@users.noreply.github.com>
242 lines
7.0 KiB
Plaintext
242 lines
7.0 KiB
Plaintext
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
|
|
exports[`Can close search 1`] = `
|
|
<div
|
|
aria-hidden="true"
|
|
data-aria-hidden="true"
|
|
>
|
|
<button
|
|
aria-disabled="false"
|
|
aria-expanded="true"
|
|
aria-haspopup="true"
|
|
aria-label="action.raise_hand_or_send_reaction"
|
|
aria-labelledby=":rec:"
|
|
class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
|
|
data-kind="primary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M15.536 15.536a1 1 0 0 0-1.415-1.415 2.987 2.987 0 0 1-2.12.879 2.988 2.988 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
|
|
/>
|
|
<path
|
|
d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Can close search with the escape key 1`] = `
|
|
<div>
|
|
<button
|
|
aria-disabled="false"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-label="action.raise_hand_or_send_reaction"
|
|
aria-labelledby=":rhh:"
|
|
class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
|
|
data-kind="secondary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M15.536 15.536a1 1 0 0 0-1.415-1.415 2.987 2.987 0 0 1-2.12.879 2.988 2.988 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
|
|
/>
|
|
<path
|
|
d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Can lower hand 1`] = `
|
|
<div>
|
|
<button
|
|
aria-disabled="false"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-label="action.raise_hand_or_send_reaction"
|
|
aria-labelledby=":r3i:"
|
|
class="_button_i91xf_17 raisedButton _has-icon_i91xf_66 _icon-only_i91xf_59"
|
|
data-kind="primary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M11 3a1 1 0 1 1 2 0v8.5a.5.5 0 0 0 1 0V4a1 1 0 1 1 2 0v10.2l3.284-2.597a1.081 1.081 0 0 1 1.47 1.577c-.613.673-1.214 1.367-1.818 2.064-1.267 1.463-2.541 2.934-3.944 4.235A6 6 0 0 1 5 15V7a1 1 0 0 1 2 0v5.5a.5.5 0 0 0 1 0V4a1 1 0 0 1 2 0v7.5a.5.5 0 0 0 1 0V3Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Can open menu 1`] = `
|
|
<div
|
|
aria-hidden="true"
|
|
data-aria-hidden="true"
|
|
>
|
|
<button
|
|
aria-disabled="false"
|
|
aria-expanded="true"
|
|
aria-haspopup="true"
|
|
aria-label="action.raise_hand_or_send_reaction"
|
|
aria-labelledby=":r0:"
|
|
class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
|
|
data-kind="primary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M15.536 15.536a1 1 0 0 0-1.415-1.415 2.987 2.987 0 0 1-2.12.879 2.988 2.988 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
|
|
/>
|
|
<path
|
|
d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Can raise hand 1`] = `
|
|
<div>
|
|
<button
|
|
aria-disabled="false"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-label="action.raise_hand_or_send_reaction"
|
|
aria-labelledby=":r1p:"
|
|
class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
|
|
data-kind="secondary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M15.536 15.536a1 1 0 0 0-1.415-1.415 2.987 2.987 0 0 1-2.12.879 2.988 2.988 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
|
|
/>
|
|
<path
|
|
d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Can search for and send emoji 1`] = `
|
|
<div
|
|
aria-hidden="true"
|
|
data-aria-hidden="true"
|
|
>
|
|
<button
|
|
aria-disabled="false"
|
|
aria-expanded="true"
|
|
aria-haspopup="true"
|
|
aria-label="action.raise_hand_or_send_reaction"
|
|
aria-labelledby=":r74:"
|
|
class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
|
|
data-kind="primary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M15.536 15.536a1 1 0 0 0-1.415-1.415 2.987 2.987 0 0 1-2.12.879 2.988 2.988 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
|
|
/>
|
|
<path
|
|
d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Can search for and send emoji with the keyboard 1`] = `
|
|
<div
|
|
aria-hidden="true"
|
|
data-aria-hidden="true"
|
|
>
|
|
<button
|
|
aria-disabled="false"
|
|
aria-expanded="true"
|
|
aria-haspopup="true"
|
|
aria-label="action.raise_hand_or_send_reaction"
|
|
aria-labelledby=":ra3:"
|
|
class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
|
|
data-kind="primary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M15.536 15.536a1 1 0 0 0-1.415-1.415 2.987 2.987 0 0 1-2.12.879 2.988 2.988 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
|
|
/>
|
|
<path
|
|
d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
`;
|