chore: voice tweaks

src/routes/chat/RTCWidget.tsx

@@ -43,7 +43,7 @@ const RTCWidget = ({ id, context = "channel" }: Props) => {
                         <Signal strength={voicingInfo.downlinkNetworkQuality} />
                         <div className="flex flex-col">
                             <span className={clsx('text-green-800 font-bold', isReConnecting && `text-red-500`)}>{isReConnecting ? `Voice Reconnecting...` : `Voice Connected`}</span>
-                            <span className='text-gray-600 dark:text-gray-400 text-xs truncate max-w-[170px]' >{voicingInfo.context == "channel" ? "Channel" : "DM"} / {voicingInfo.context == "channel" ? channelData[voicingInfo.id].name : userData[voicingInfo.id].name}</span>
+                            <span className='text-gray-600 dark:text-gray-400 text-xs truncate max-w-[170px]' >{voicingInfo.context == "channel" ? "Channel" : "DM"} / {voicingInfo.context == "channel" ? channelData[voicingInfo.id]?.name : userData[voicingInfo.id]?.name}</span>
                         </div>
                     </div>
                     <Tooltip tip={t("leave_voice")} placement="top">

src/routes/chat/VoiceFullscreen.tsx

@@ -112,7 +112,7 @@ const VoiceFullscreen = ({ id, context }: Props) => {
                         {!disablePin &&
                             <Tooltip tip={"Remove pin"} disabled={!special} placement="right">
                                 <button data-uid={uid} data-action={special ? "unpin" : "pin"} role={"button"} onClick={handlePin} className={clsx("absolute left-1 top-1 z-40 p-1 rounded bg-black/50", special ? "px-2 py-0.5" : "invisible group-hover:visible")}>
-                                    {special ? <IconPin className={clsx("fill-gray-200", special ? "w-4" : "w-3")} /> : <IconPin className={clsx("fill-gray-200", special ? "w-4" : "w-3")} />}
+                                    <IconPin className={clsx(special ? "w-4 fill-green-600" : "w-3 fill-gray-200")} />
                                 </button>
                             </Tooltip>}
                         <span className={clsx("text-gray-300 bg-black/50 rounded-lg absolute  z-40", special ? "left-2 bottom-2 px-2 py-1 text-sm " : "left-1 bottom-1 p-1 text-xs")} title={curr?.name}>