From 18fba49d9611cef71a4f4c61643125ed7b6c0947 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Wed, 1 Apr 2026 10:05:04 -0700
Subject: [PATCH] use headphones icon for huddles

---
 js/src/features/particles/particle-list-view.tsx | 4 ++--
 js/src/features/particles/stream-card.tsx        | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/js/src/features/particles/particle-list-view.tsx b/js/src/features/particles/particle-list-view.tsx
index 0f6d2cb..dd8df4a 100644
--- a/js/src/features/particles/particle-list-view.tsx
+++ b/js/src/features/particles/particle-list-view.tsx
@@ -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>
             )}
diff --git a/js/src/features/particles/stream-card.tsx b/js/src/features/particles/stream-card.tsx
index 7f6b417..b8ac66e 100644
--- a/js/src/features/particles/stream-card.tsx
+++ b/js/src/features/particles/stream-card.tsx
@@ -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>
           )}