migrated icons to radix-icons

src/components/note/atoms/reaction.tsx

@@ -1,10 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { currentUser } from '@stores/currentUser';
 
-import LikeIcon from '@assets/icons/Like';
-import LikeSolidIcon from '@assets/icons/LikeSolid';
-
 import { useStore } from '@nanostores/react';
+import { HeartFilledIcon, HeartIcon } from '@radix-ui/react-icons';
 import { dateToUnix, useNostr, useNostrEvents } from 'nostr-react';
 import { getEventHash, signEvent } from 'nostr-tools';
 import { useState } from 'react';
@@ -72,9 +70,9 @@ export default function Reaction({
       className="group flex w-16 items-center gap-1.5 text-sm text-zinc-500">
       <div className="rounded-lg p-1 group-hover:bg-zinc-600">
         {isReact ? (
-          <LikeSolidIcon className="h-5 w-5 text-red-500" />
+          <HeartFilledIcon className="h-4 w-4 group-hover:text-red-400" />
         ) : (
-          <LikeIcon className="h-5 w-5 group-hover:text-red-400" />
+          <HeartIcon className="h-4 w-4 text-zinc-500" />
         )}
       </div>
       <span>{reaction}</span>

src/components/note/atoms/reply.tsx

@@ -1,5 +1,4 @@
-import ReplyIcon from '@assets/icons/Reply';
-
+import { ChatBubbleIcon } from '@radix-ui/react-icons';
 import { useNostrEvents } from 'nostr-react';
 
 export default function Reply({ eventID }: { eventID: string }) {
@@ -15,7 +14,7 @@ export default function Reply({ eventID }: { eventID: string }) {
   return (
     <button className="group flex w-16 items-center gap-1.5 text-sm text-zinc-500">
       <div className="rounded-lg p-1 group-hover:bg-zinc-600">
-        <ReplyIcon className="h-5 w-5 group-hover:text-orange-400" />
+        <ChatBubbleIcon className="h-4 w-4 group-hover:text-orange-400" />
       </div>
       <span>{events.length || 0}</span>
     </button>

src/components/note/atoms/user.tsx

@@ -3,8 +3,7 @@ import { ImageWithFallback } from '@components/imageWithFallback';
 
 import { truncate } from '@utils/truncate';
 
-import MoreIcon from '@assets/icons/More';
-
+import { DotsHorizontalIcon } from '@radix-ui/react-icons';
 import Avatar from 'boring-avatars';
 import { useNostrEvents } from 'nostr-react';
 import { memo, useEffect, useState } from 'react';
@@ -90,7 +89,7 @@ export const User = memo(function User({ pubkey, time }: { pubkey: string; time:
             </Moment>
           </div>
           <div>
-            <MoreIcon />
+            <DotsHorizontalIcon className="h-4 w-4 text-zinc-500" />
           </div>
         </div>
       </div>

src/components/note/atoms/userWithUsername.tsx

@@ -3,8 +3,7 @@ import { ImageWithFallback } from '@components/imageWithFallback';
 
 import { truncate } from '@utils/truncate';
 
-import MoreIcon from '@assets/icons/More';
-
+import { DotsHorizontalIcon } from '@radix-ui/react-icons';
 import Avatar from 'boring-avatars';
 import { useNostrEvents } from 'nostr-react';
 import { memo, useEffect, useState } from 'react';
@@ -88,7 +87,7 @@ export const UserWithUsername = memo(function UserWithUsername({ pubkey }: { pub
             </span>
           </div>
           <div>
-            <MoreIcon />
+            <DotsHorizontalIcon className="h-4 w-4 text-zinc-500" />
           </div>
         </div>
       </div>

src/components/note/repost.tsx

@@ -3,9 +3,8 @@ import { UserRepost } from '@components/note/atoms/userRepost';
 import { Content } from '@components/note/content';
 import { Placeholder } from '@components/note/placeholder';
 
-import RepostIcon from '@assets/icons/Repost';
-
 import * as Dialog from '@radix-ui/react-dialog';
+import { LoopIcon } from '@radix-ui/react-icons';
 import dynamic from 'next/dynamic';
 import { useNostrEvents } from 'nostr-react';
 import { memo } from 'react';
@@ -30,7 +29,7 @@ export const Repost = memo(function Repost({ root, user }: { root: any; user: st
         <Dialog.Trigger>
           <div className="flex h-min min-h-min w-full select-text flex-col border-b border-zinc-800 py-6 px-6">
             <div className="flex items-center gap-1 pl-8 text-sm">
-              <RepostIcon className="h-4 w-4 text-zinc-400" />
+              <LoopIcon className="h-4 w-4 text-zinc-400" />
               <div className="ml-2">
                 <UserRepost pubkey={user} />
               </div>