From 27b041a894f21a67210d6bedd6499945880f3069 Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Sat, 28 Jan 2023 16:31:03 +0000
Subject: [PATCH] feat: search profiles

---
 src/Element/ProfilePreview.tsx | 5 +++--
 src/Element/Timeline.tsx       | 4 ++++
 src/Feed/TimelineFeed.ts       | 1 +
 src/index.css                  | 4 ++++
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/Element/ProfilePreview.tsx b/src/Element/ProfilePreview.tsx
index a27f2ab0f..83e9c49c2 100644
--- a/src/Element/ProfilePreview.tsx
+++ b/src/Element/ProfilePreview.tsx
@@ -12,7 +12,8 @@ export interface ProfilePreviewProps {
     options?: {
         about?: boolean
     },
-    actions?: ReactNode
+    actions?: ReactNode,
+    className?: string
 }
 export default function ProfilePreview(props: ProfilePreviewProps) {
     const pubkey = props.pubkey;
@@ -24,7 +25,7 @@ export default function ProfilePreview(props: ProfilePreviewProps) {
     };
 
     return (
-        <div className="profile-preview" ref={ref}>
+        <div className={`profile-preview${props.className ? ` ${props.className}` : ""}`} ref={ref}>
             {inView && <>
                 <ProfileImage pubkey={pubkey} subHeader=
                     {options.about ? <div className="f-ellipsis about">
diff --git a/src/Element/Timeline.tsx b/src/Element/Timeline.tsx
index c837c3993..d22f173a0 100644
--- a/src/Element/Timeline.tsx
+++ b/src/Element/Timeline.tsx
@@ -8,6 +8,7 @@ import Note from "Element/Note";
 import NoteReaction from "Element/NoteReaction";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faForward } from "@fortawesome/free-solid-svg-icons";
+import ProfilePreview from "./ProfilePreview";
 
 export interface TimelineProps {
     postsOnly: boolean,
@@ -37,6 +38,9 @@ export default function Timeline({ subject, postsOnly = false, method }: Timelin
 
     function eventElement(e: TaggedRawEvent) {
         switch (e.kind) {
+            case EventKind.SetMetadata: {
+                return <ProfilePreview pubkey={e.pubkey} className="card"/>
+            }
             case EventKind.TextNote: {
                 return <Note key={e.id} data={e} related={related.notes} />
             }
diff --git a/src/Feed/TimelineFeed.ts b/src/Feed/TimelineFeed.ts
index e3d1f49a7..0fc9c67a1 100644
--- a/src/Feed/TimelineFeed.ts
+++ b/src/Feed/TimelineFeed.ts
@@ -48,6 +48,7 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
                 break;
             }
             case "keyword": {
+                sub.Kinds.add(EventKind.SetMetadata);
                 sub.Search = subject.items[0];
                 break;
             }
diff --git a/src/index.css b/src/index.css
index 8556f0dbf..9e9b5d55b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -328,6 +328,10 @@ body.scroll-lock {
   margin-bottom: 10px;
 }
 
+.mb20 {
+  margin-bottom: 20px;
+}
+
 .mr-auto {
   margin-right: auto;
 }