);
@@ -16,7 +16,7 @@ export function SubNote({ id }: { id: string }) {
if (status === 'error') {
return (
-
+
);
diff --git a/src/shared/notes/skeleton.tsx b/src/shared/notes/skeleton.tsx
index 3f417f03..4875328d 100644
--- a/src/shared/notes/skeleton.tsx
+++ b/src/shared/notes/skeleton.tsx
@@ -2,16 +2,16 @@ export function NoteSkeleton() {
return (
diff --git a/src/shared/userProfile.tsx b/src/shared/userProfile.tsx
new file mode 100644
index 00000000..9163607d
--- /dev/null
+++ b/src/shared/userProfile.tsx
@@ -0,0 +1,115 @@
+import { useEffect, useState } from 'react';
+import { Link } from 'react-router-dom';
+
+import { UserMetadata } from '@app/user/components/metadata';
+
+import { ZapIcon } from '@shared/icons';
+import { Image } from '@shared/image';
+
+import { DEFAULT_AVATAR } from '@stores/constants';
+
+import { useProfile } from '@utils/hooks/useProfile';
+import { useSocial } from '@utils/hooks/useSocial';
+import { displayNpub } from '@utils/shortenKey';
+
+export function UserProfile({ pubkey }: { pubkey: string }) {
+ const { user } = useProfile(pubkey);
+ const { status, userFollows, follow, unfollow } = useSocial();
+
+ const [followed, setFollowed] = useState(false);
+
+ const followUser = (pubkey: string) => {
+ try {
+ follow(pubkey);
+
+ // update state
+ setFollowed(true);
+ } catch (error) {
+ console.log(error);
+ }
+ };
+
+ const unfollowUser = (pubkey: string) => {
+ try {
+ unfollow(pubkey);
+
+ // update state
+ setFollowed(false);
+ } catch (error) {
+ console.log(error);
+ }
+ };
+
+ useEffect(() => {
+ if (status === 'success' && userFollows) {
+ if (userFollows.includes(pubkey)) {
+ setFollowed(true);
+ }
+ }
+ }, [status]);
+
+ return (
+
+
+
+
+
+ {user?.displayName || user?.name || 'No name'}
+
+
+ {user?.nip05 || displayNpub(pubkey, 16)}
+
+
+
+
+ {status === 'loading' ? (
+
+ ) : followed ? (
+
+ ) : (
+
+ )}
+
+ Message
+
+
+
+
+
+ );
+}
diff --git a/src/utils/hooks/useEvent.tsx b/src/utils/hooks/useEvent.tsx
index 06f4f4a2..4b257b28 100644
--- a/src/utils/hooks/useEvent.tsx
+++ b/src/utils/hooks/useEvent.tsx
@@ -47,7 +47,7 @@ export function useEvent(id: string, fallback?: string) {
}
return event;
} else {
- return null;
+ throw new Error('Event not found');
}
}
}
diff --git a/src/utils/hooks/useSocial.tsx b/src/utils/hooks/useSocial.tsx
index 5a3062e6..2b241f1c 100644
--- a/src/utils/hooks/useSocial.tsx
+++ b/src/utils/hooks/useSocial.tsx
@@ -1,20 +1,18 @@
-import { NDKEvent, NDKFilter } from '@nostr-dev-kit/ndk';
import { useQuery, useQueryClient } from '@tanstack/react-query';
import { useNDK } from '@libs/ndk/provider';
import { createNote } from '@libs/storage';
-import { dateToUnix, getHourAgo, nHoursAgo } from '@utils/date';
+import { nHoursAgo } from '@utils/date';
import { useAccount } from '@utils/hooks/useAccount';
import { usePublish } from '@utils/hooks/usePublish';
import { nip02ToArray } from '@utils/transform';
-import { LumeEvent } from '@utils/types';
export function useSocial() {
const queryClient = useQueryClient();
const publish = usePublish();
- const { ndk, fetcher, relayUrls } = useNDK();
+ const { fetcher, relayUrls } = useNDK();
const { account } = useAccount();
const { status, data: userFollows } = useQuery(
['userFollows', account.pubkey],