fix(frontend): make overlays accessible and wake word opt-in
This commit is contained in:
@@ -15,7 +15,7 @@ function Bubble({ message, userName }: { message: Message; userName: string }) {
|
||||
clearTimeout(timer);
|
||||
};
|
||||
}, [message.text, message.partial]);
|
||||
if (expiredText === message.text) {
|
||||
if (!message.partial && expiredText === message.text) {
|
||||
return null;
|
||||
}
|
||||
return (
|
||||
@@ -36,7 +36,7 @@ function Bubble({ message, userName }: { message: Message; userName: string }) {
|
||||
}
|
||||
export const Bubbles = memo(function Bubbles({ messages, userName }: { messages: Message[]; userName: string }) {
|
||||
return (
|
||||
<div className="bubble-stack" aria-hidden="true">
|
||||
<div className="bubble-stack" aria-hidden="true" inert>
|
||||
{messages.slice(-3).map((message) => (
|
||||
<Bubble key={message.id} message={message} userName={userName} />
|
||||
))}
|
||||
|
||||
Reference in New Issue
Block a user