More TSX

src/element/ProfilePreview.tsx

@@ -0,0 +1,30 @@
+import "./ProfilePreview.css";
+import ProfileImage from "./ProfileImage";
+import FollowButton from "./FollowButton";
+import useProfile from "../feed/ProfileFeed";
+import { HexKey } from "../nostr";
+
+export interface ProfilePreviewProps {
+    pubkey: HexKey,
+    options?: {
+        about?: boolean
+    }
+}
+export default function ProfilePreview(props: ProfilePreviewProps) {
+    const pubkey = props.pubkey;
+    const user = useProfile(pubkey)?.get(pubkey);
+    const options = {
+        about: true,
+        ...props.options
+    };
+
+    return (
+        <div className="profile-preview">
+            <ProfileImage pubkey={pubkey} subHeader=
+                {options.about ? <div className="f-ellipsis about">
+                    {user?.about}
+                </div> : undefined} />
+            <FollowButton pubkey={pubkey} className="ml5" />
+        </div>
+    )
+}