mirror of
https://github.com/vector-im/element-call.git
synced 2026-04-03 07:10:26 +00:00
33 lines
874 B
TypeScript
33 lines
874 B
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
Please see LICENSE in the repository root for full details.
|
|
*/
|
|
|
|
import { ReactNode } from "react";
|
|
|
|
import { useReactions } from "../useReactions";
|
|
|
|
export function ReactionsAudioRenderer(): ReactNode {
|
|
const { reactions } = useReactions();
|
|
|
|
// TODO: This may need to ensure we don't change the value if a duplicate reaction comes down.
|
|
const expectedReactions = [...new Set([...Object.values(reactions)])];
|
|
return (
|
|
<>
|
|
{expectedReactions.map(
|
|
(r) =>
|
|
r.sound && (
|
|
<audio key={r.name} autoPlay hidden>
|
|
<source src={r.sound.ogg} type="audio/ogg; codecs=vorbis" />
|
|
{r.sound.mp3 ? (
|
|
<source src={r.sound.mp3} type="audio/mpeg" />
|
|
) : null}
|
|
</audio>
|
|
),
|
|
)}
|
|
</>
|
|
);
|
|
}
|