modal vid & img min width, sort follower by distance

v0l · Dec 7, 2023 · f5e84c3 · f5e84c3
1 parent 8e6d11f
commit f5e84c3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git 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 <ProxyImg src={image} className="max-h-screen max-w-full" />;
+      return <ProxyImg src={image} className="max-h-screen max-w-full min-w-[600px]" />;
     }
   }, [image, isVideo]);
 

diff --git 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;