diff --git a/src/components/ProfileSection.tsx b/src/components/ProfileSection.tsx index 16e8b0d..1ef0b6e 100644 --- a/src/components/ProfileSection.tsx +++ b/src/components/ProfileSection.tsx @@ -381,6 +381,15 @@ const FollowButton = ({ pubkey }: FollowButtonProps) => { } }) + // Hide follow if own profile + if ( + userState.auth && + userState.user?.pubkey && + userState.user?.pubkey === pubkey + ) { + return null + } + const getUserPubKey = async (): Promise => { if (userState.auth && userState.user?.pubkey) { return userState.user.pubkey as string diff --git a/src/layout/feed.tsx b/src/layout/feed.tsx index 6f68a29..7cef8ec 100644 --- a/src/layout/feed.tsx +++ b/src/layout/feed.tsx @@ -1,10 +1,37 @@ +import { Profile } from 'components/ProfileSection' +import { useAppSelector } from 'hooks' import { Outlet } from 'react-router-dom' export const FeedLayout = () => { + const userState = useAppSelector((state) => state.user) + return (
-

WIP

- +
+
+
+
+
+
+ {userState.auth && userState.user?.pubkey && ( +
+
+
+ +
+
+
+ )} +
+
+ +
+
+
+
+
+
+
) } diff --git a/src/layout/socialNav.tsx b/src/layout/socialNav.tsx index b218b6e..7aa4b47 100644 --- a/src/layout/socialNav.tsx +++ b/src/layout/socialNav.tsx @@ -43,14 +43,18 @@ export const SocialNav = () => { viewBox='0 -32 576 576' svgPath='M511.8 287.6L512.5 447.7C512.5 450.5 512.3 453.1 512 455.8V472C512 494.1 494.1 512 472 512H456C454.9 512 453.8 511.1 452.7 511.9C451.3 511.1 449.9 512 448.5 512H392C369.9 512 352 494.1 352 472V384C352 366.3 337.7 352 320 352H256C238.3 352 224 366.3 224 384V472C224 494.1 206.1 512 184 512H128.1C126.6 512 125.1 511.9 123.6 511.8C122.4 511.9 121.2 512 120 512H104C81.91 512 64 494.1 64 472V360C64 359.1 64.03 358.1 64.09 357.2V287.6H32.05C14.02 287.6 0 273.5 0 255.5C0 246.5 3.004 238.5 10.01 231.5L266.4 8.016C273.4 1.002 281.4 0 288.4 0C295.4 0 303.4 2.004 309.5 7.014L416 100.7V64C416 46.33 430.3 32 448 32H480C497.7 32 512 46.33 512 64V185L564.8 231.5C572.8 238.5 576.9 246.5 575.8 255.5C575.8 273.5 560.8 287.6 543.8 287.6L511.8 287.6z' /> - - + {!!userState.auth && ( + <> + + + + )} { - return

Notifications

+ return

WIP: Notifications

}