Hiyve Components - v1.0.0
    Preparing search index...

    Interface HandRaiseState

    Hand raise state for participant hand raising feature.

    Contains a map of user IDs to timestamps indicating when participants raised their hands. This enables features like showing hand raise indicators on video tiles and sorting by raised hand time.

    Displaying hand raise indicators:

    function ParticipantTile({ participant }: { participant: Participant }) {
    const { raisedHands } = useHandRaise();
    const isHandRaised = raisedHands.has(participant.userId);

    return (
    <div>
    {participant.userName}
    {isHandRaised && <span></span>}
    </div>
    );
    }

    useHandRaise for the hook to access hand raise state

    interface HandRaiseState {
        raisedHands: Map<string, number>;
    }
    Index

    Properties

    Properties

    raisedHands: Map<string, number>

    Map of user IDs to timestamps when hands were raised. The timestamp indicates when the hand was raised (Date.now() value).