27 lines
746 B
JavaScript
27 lines
746 B
JavaScript
import React from 'react';
|
|
|
|
import { TrayButton } from '@custom/shared/components/Tray';
|
|
import { useUIState } from '@custom/shared/contexts/UIStateProvider';
|
|
import { ReactComponent as IconTranscription } from '@custom/shared/icons/chat-md.svg';
|
|
import { useTranscription } from '@custom/shared/contexts/TranscriptionProvider';
|
|
import { TRANSCRIPTION_ASIDE } from './TranscriptionAside';
|
|
|
|
export const Tray = () => {
|
|
const { toggleAside } = useUIState();
|
|
const { hasNewMessages } = useTranscription();
|
|
|
|
return (
|
|
<TrayButton
|
|
label="Transcript"
|
|
bubble={hasNewMessages}
|
|
onClick={() => {
|
|
toggleAside(TRANSCRIPTION_ASIDE);
|
|
}}
|
|
>
|
|
<IconTranscription />
|
|
</TrayButton>
|
|
);
|
|
};
|
|
|
|
export default Tray;
|