diff --git a/packages/app/src/Element/Spotlight/SpotlightMedia.tsx b/packages/app/src/Element/Spotlight/SpotlightMedia.tsx index f920a4ff..e133ac52 100644 --- a/packages/app/src/Element/Spotlight/SpotlightMedia.tsx +++ b/packages/app/src/Element/Spotlight/SpotlightMedia.tsx @@ -75,11 +75,11 @@ export function SpotlightMedia(props: SpotlightMediaProps) { autoPlay={true} loop={true} controls={true} - className="max-h-screen max-w-full" + className="max-h-screen max-w-full min-w-[600px]" /> ); } else { - return ; + return ; } }, [image, isVideo]); diff --git a/packages/app/src/Feed/FollowersFeed.ts b/packages/app/src/Feed/FollowersFeed.ts index e8b5c289..19e8fb4d 100644 --- a/packages/app/src/Feed/FollowersFeed.ts +++ b/packages/app/src/Feed/FollowersFeed.ts @@ -1,5 +1,5 @@ import { useMemo } from "react"; -import { HexKey, EventKind, NoteCollection, RequestBuilder } from "@snort/system"; +import { HexKey, EventKind, NoteCollection, RequestBuilder, socialGraphInstance } from "@snort/system"; import { useRequestBuilder } from "@snort/system-react"; export default function useFollowersFeed(pubkey?: HexKey) { @@ -16,7 +16,9 @@ export default function useFollowersFeed(pubkey?: HexKey) { const contactLists = followersFeed.data?.filter( a => a.kind === EventKind.ContactList && a.tags.some(b => b[0] === "p" && b[1] === pubkey), ); - return [...new Set(contactLists?.map(a => a.pubkey))]; + return [...new Set(contactLists?.map(a => a.pubkey))].sort((a, b) => { + return socialGraphInstance.getFollowDistance(a) - socialGraphInstance.getFollowDistance(b); + }); }, [followersFeed, pubkey]); return followers;