use headphones icon for huddles

This commit is contained in:
talksik
2026-04-01 10:05:04 -07:00
parent a41146fdeb
commit 18fba49d96
2 changed files with 4 additions and 4 deletions
@@ -10,7 +10,7 @@ import {
CircleCheck,
StickyNote,
Timer,
Phone,
Headphones,
type LucideIcon,
} from "lucide-react";
import { cn } from "@/lib/utils";
@@ -197,7 +197,7 @@ function StreamRow({
<div className="flex shrink-0 items-center gap-1.5">
{hasActiveHuddle && (
<span className="flex items-center gap-1 rounded-full bg-red-500/15 px-1.5 py-0.5">
<Phone className="size-3 text-red-400" />
<Headphones className="size-3 text-red-400" />
<span className="text-[10px] font-medium text-red-400">{huddleCount}</span>
</span>
)}
+2 -2
View File
@@ -1,5 +1,5 @@
import { forwardRef, useMemo } from "react";
import { Timer, Phone } from "lucide-react";
import { Timer, Headphones } from "lucide-react";
import { cn, getInitials } from "@/lib/utils";
import { useLiveLatestChild } from "@/hooks/use-particle";
import { useAuthStore } from "@/stores/auth-store";
@@ -151,7 +151,7 @@ export const StreamCard = forwardRef<HTMLDivElement, StreamCardProps>(function S
<div className="ml-auto flex shrink-0 items-center gap-1.5">
{hasActiveHuddle && (
<span className="flex items-center gap-1 rounded-full bg-red-500/15 px-1.5 py-0.5">
<Phone className="size-3 text-red-400" />
<Headphones className="size-3 text-red-400" />
<span className="text-[10px] font-medium text-red-400">{huddleCount}</span>
</span>
)}