tensamin/client
Watch
6
0
Fork
You've already forked client
 0
Code Issues Pull requests 3 Projects Releases 2 Packages Wiki Activity Actions

(feat): move call context to zustand

Browse source 
(feat): add actions, basic call page
This commit is contained in:
Alois 2026-04-29 14:49:53 +02:00
commit 413764f33e
17 changed files with 673 additions and 382 deletions
Download patch file Download diff file Expand all files Collapse all files

22
packages/call/src/components/buttons/deaf.tsx
View file

@ -1,9 +1,15 @@
import { Button } from "@tensamin/ui";
import { useCall } from "../../context";
import { toggleDeaf, useCall } from "../../store";
import { HeadphoneOff, Headphones } from "lucide-react";
export default function DeafButton({ className }: { className?: string }) {
const { toggleDeaf, deaf } = useCall();
export default function DeafButton({
className,
iconSize,
}: {
className?: string;
iconSize?: number;
}) {
const deaf = useCall((state) => state.deaf);
return (
<Button
@ -11,7 +17,15 @@ export default function DeafButton({ className }: { className?: string }) {
onClick={toggleDeaf}
className={className}
>
{deaf ? <HeadphoneOff /> : <Headphones />}
{deaf ? (
<HeadphoneOff
style={{ scale: (iconSize ? iconSize + 100 : 100) + "%" }}
/>
) : (
<Headphones
style={{ scale: (iconSize ? iconSize + 100 : 100) + "%" }}
/>
)}
</Button>
);
}