reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

migrated icons to radix-icons

Browse Source
This commit is contained in:
Ren Amamiya
2023-02-24 09:16:38 +07:00
parent c45ad04d87
commit f6d687cec9
36 changed files with 47 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/note/atoms/reaction.tsx
+3 -5
View File
@@ -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
+2 -3
View File
@@ -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
+2 -3
View File
@@ -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
+2 -3
View File
@@ -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>