converted all icons to iconoir

src/components/channels/channelList.tsx

@@ -1,7 +1,7 @@
 import { ChannelListItem } from '@components/channels/channelListItem';
 import { CreateChannelModal } from '@components/channels/createChannelModal';
 
-import { GlobeIcon } from '@radix-ui/react-icons';
+import { Globe } from 'iconoir-react';
 import Link from 'next/link';
 import { useEffect, useState } from 'react';
 
@@ -26,7 +26,7 @@ export default function ChannelList() {
         className="group inline-flex items-center gap-2 rounded-md px-2.5 py-1.5 hover:bg-zinc-950"
       >
         <div className="inline-flex h-5 w-5 shrink items-center justify-center rounded bg-zinc-900">
-          <GlobeIcon className="h-3 w-3 text-zinc-500" />
+          <Globe width={12} height={12} className="text-zinc-500" />
         </div>
         <div>
           <h5 className="text-sm font-medium text-zinc-500 group-hover:text-zinc-400">Browse channels</h5>

src/components/channels/createChannelModal.tsx

@@ -3,8 +3,8 @@ import { RelayContext } from '@components/relaysProvider';
 import { dateToUnix } from '@utils/getDate';
 
 import * as Dialog from '@radix-ui/react-dialog';
-import { Cross1Icon, PlusIcon } from '@radix-ui/react-icons';
 import useLocalStorage from '@rehooks/local-storage';
+import { Cancel, Plus } from 'iconoir-react';
 import { getEventHash, signEvent } from 'nostr-tools';
 import { useCallback, useContext, useState } from 'react';
 import { useForm } from 'react-hook-form';
@@ -53,7 +53,7 @@ export const CreateChannelModal = () => {
       <Dialog.Trigger asChild>
         <div className="group inline-flex items-center gap-2 rounded-md px-2.5 py-1.5 hover:bg-zinc-950">
           <div className="inline-flex h-5 w-5 shrink items-center justify-center rounded bg-zinc-900">
-            <PlusIcon className="h-3 w-3 text-zinc-500" />
+            <Plus width={12} height={12} className="text-zinc-500" />
           </div>
           <div>
             <h5 className="text-sm font-medium text-zinc-500 group-hover:text-zinc-400">Add a new channel</h5>
@@ -73,7 +73,7 @@ export const CreateChannelModal = () => {
                       autoFocus={false}
                       className="inline-flex h-5 w-5 items-center justify-center rounded hover:bg-zinc-900"
                     >
-                      <Cross1Icon className="h-3 w-3 text-zinc-300" />
+                      <Cancel width={12} height={12} className="text-zinc-500" />
                     </button>
                   </Dialog.Close>
                 </div>

src/components/channels/messages/hideMessageButton.tsx

@@ -7,6 +7,7 @@ import HideIcon from '@assets/icons/hide';
 import * as AlertDialog from '@radix-ui/react-alert-dialog';
 import * as Tooltip from '@radix-ui/react-tooltip';
 import useLocalStorage from '@rehooks/local-storage';
+import { EyeClose } from 'iconoir-react';
 import { getEventHash, signEvent } from 'nostr-tools';
 import { useCallback, useContext } from 'react';
 
@@ -36,7 +37,7 @@ export const HideMessageButton = ({ id }: { id: string }) => {
           <AlertDialog.Trigger asChild>
             <Tooltip.Trigger asChild>
               <button className="inline-flex h-6 w-6 items-center justify-center rounded hover:bg-zinc-800">
-                <HideIcon className="h-4 w-4 text-zinc-400" />
+                <EyeClose width={16} height={16} className="text-zinc-400" />
               </button>
             </Tooltip.Trigger>
           </AlertDialog.Trigger>

src/components/channels/messages/muteButton.tsx

@@ -2,11 +2,10 @@ import { RelayContext } from '@components/relaysProvider';
 
 import { dateToUnix } from '@utils/getDate';
 
-import MuteIcon from '@assets/icons/mute';
-
 import * as AlertDialog from '@radix-ui/react-alert-dialog';
 import * as Tooltip from '@radix-ui/react-tooltip';
 import useLocalStorage from '@rehooks/local-storage';
+import { MicMute } from 'iconoir-react';
 import { getEventHash, signEvent } from 'nostr-tools';
 import { useCallback, useContext } from 'react';
 
@@ -36,7 +35,7 @@ export const MuteButton = ({ pubkey }: { pubkey: string }) => {
           <AlertDialog.Trigger asChild>
             <Tooltip.Trigger asChild>
               <button className="inline-flex h-6 w-6 items-center justify-center rounded hover:bg-zinc-800">
-                <MuteIcon className="h-4 w-4 text-zinc-400" />
+                <MicMute width={16} height={16} className="text-zinc-400" />
               </button>
             </Tooltip.Trigger>
           </AlertDialog.Trigger>

src/components/channels/messages/replyButton.tsx

@@ -1,8 +1,7 @@
 import { channelReplyAtom } from '@stores/channel';
 
-import ReplyIcon from '@assets/icons/reply';
-
 import * as Tooltip from '@radix-ui/react-tooltip';
+import { Reply } from 'iconoir-react';
 import { useSetAtom } from 'jotai';
 
 export const ReplyButton = ({ id, pubkey, content }: { id: string; pubkey: string; content: string }) => {
@@ -20,7 +19,7 @@ export const ReplyButton = ({ id, pubkey, content }: { id: string; pubkey: strin
             onClick={() => createReply()}
             className="inline-flex h-6 w-6 items-center justify-center rounded hover:bg-zinc-800"
           >
-            <ReplyIcon className="h-4 w-4 text-zinc-400" />
+            <Reply width={16} height={16} className="text-zinc-400" />
           </button>
         </Tooltip.Trigger>
         <Tooltip.Portal>