+
@@ -22,7 +22,7 @@ export default function NavigatorBar() {
@@ -49,7 +49,7 @@ export default function NavigatorBar() {
diff --git a/src/components/note/atoms/reaction.tsx b/src/components/note/atoms/reaction.tsx
index dce6b7f4..8665fc78 100644
--- a/src/components/note/atoms/reaction.tsx
+++ b/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">
{isReact ? (
-
+
) : (
-
+
)}
{reaction}
diff --git a/src/components/note/atoms/reply.tsx b/src/components/note/atoms/reply.tsx
index c8616de7..67a3a5d9 100644
--- a/src/components/note/atoms/reply.tsx
+++ b/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 (
diff --git a/src/components/note/atoms/user.tsx b/src/components/note/atoms/user.tsx
index 2fe94ff3..632fe39d 100644
--- a/src/components/note/atoms/user.tsx
+++ b/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: