feat/PIP#32
Conversation
xandfcosta
left a comment
xandfcosta
left a comment
There was a problem hiding this comment.
Componentes desalinhados e soundwave quebrada
Ícone de carregamento quebrado
Ao fazer a ligação, a foto de perfil não carrega, o PIP está abrindo antes da confirmação do servidor
There was a problem hiding this comment.
Pode remover isso aq, você tá dando permissão pro Claude rodar comandos arbitrários na sua máquina
| setIsClosed(isPipActive); | ||
| }, [isPipActive, setIsClosed]); | ||
|
|
||
| const handleMouseUp = useCallback(() => stopDrag(), [stopDrag]); |
There was a problem hiding this comment.
Pra que vc criou um wrapper pro stopDrag?
| {pipWindow && | ||
| createPortal( | ||
| <div | ||
| className={`wv:fixed wv:inset-0 wv:flex wv:flex-col wv:items-center wv:justify-center wv:bg-background wv:overflow-hidden wv:m-0 wv:p-0 ${resolvedTheme}`} | ||
| > | ||
| <div className="wv:h-full wv:w-full wv:flex wv:flex-col"> | ||
| {screen === "keyboard" ? <OutgoingScreen /> : callScreens} | ||
| </div> | ||
| </div>, | ||
| pipWindow.document.body, | ||
| )} |
There was a problem hiding this comment.
Transforme isso em um componente
|
|
||
| return ( | ||
| <> | ||
| {!isPipActive && <StatusBar />} |
There was a problem hiding this comment.
Por que vai sumir a StatusBar do webphone quando o Pip estiver aberto, o portal nem manda isso pro PIP?
| {screen === "outgoing" && <OutgoingScreen />} | ||
| {screen === "call" && <CallScreen />} | ||
| {screen === "keyboard" && <KeyboardScreen />} | ||
| {!pipWindow && callScreens} |
There was a problem hiding this comment.
Em alguns lugares você usa o isPipActive, outro !pipWindow. Mantenha um padrão
| const isPipRef = React.useRef(isPipActive); | ||
| isPipRef.current = isPipActive; |
There was a problem hiding this comment.
Você está setando o memos valor duas vezes, o React.useRef já inicializa a ref com o valor do isPipActive
2 participants
Substitui a implementação antiga baseada em canvas/video pelo
Document Picture-in-Picture API, renderizando os componentes
React reais em uma janela flutuante nativa do sistema.