diff --git a/README.md b/README.md
index eb77f2b1..ce7c1a23 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-## Snort
+## Snort
 
 Snort is a nostr UI built with React, Snort intends to be fast and effecient
 
@@ -13,7 +13,7 @@ Snort supports the following NIP's
 - [x] NIP-08: Handling Mentions
 - [x] NIP-09: Event Deletion
 - [x] NIP-10: Conventions for clients' use of `e` and `p` tags in text events
-- [x] NIP-11: Relay Information Document
+- [ ] NIP-11: Relay Information Document
 - [x] NIP-12: Generic Tag Queries
 - [ ] NIP-13: Proof of Work
 - [ ] NIP-14: Subject tag in text events
diff --git a/src/Const.ts b/src/Const.ts
index 3a1d20d3..bcea7a8b 100644
--- a/src/Const.ts
+++ b/src/Const.ts
@@ -1,10 +1,5 @@
 import { RelaySettings } from "Nostr/Connection";
 
-/**
- * Add-on api for snort features
- */
-export const ApiHost = "https://api.snort.social";
-
 /**
  * Websocket re-connect timeout
  */
@@ -98,4 +93,5 @@ export const TidalRegex = /tidal\.com\/(?:browse\/)?(\w+)\/([a-z0-9-]+)/i;
 /**
  * SoundCloud regex
  */
+
 export const SoundCloudRegex = /soundcloud\.com\/(?!live)([a-zA-Z0-9]+)\/([a-zA-Z0-9-]+)/
diff --git a/src/Element/Nip05.tsx b/src/Element/Nip05.tsx
index d68332e2..eef8941d 100644
--- a/src/Element/Nip05.tsx
+++ b/src/Element/Nip05.tsx
@@ -57,7 +57,7 @@ const Nip05 = (props: Nip05Params) => {
   const { isVerified, couldNotVerify } = useIsVerified(props.pubkey, props.nip05)
 
   return (
-    <div className={`flex nip05${couldNotVerify ? " failed" : ""}`}>
+    <div className={`flex nip05${couldNotVerify ? " failed" : ""}`} onClick={(ev) => ev.stopPropagation()}>
       {!isDefaultUser && (
         <div className="nick">
           {name}
diff --git a/src/Element/Nip5Service.tsx b/src/Element/Nip5Service.tsx
index d1b32a1f..82765c92 100644
--- a/src/Element/Nip5Service.tsx
+++ b/src/Element/Nip5Service.tsx
@@ -15,7 +15,7 @@ import LNURLTip from "Element/LNURLTip";
 import Copy from "Element/Copy";
 import useProfile from "Feed/ProfileFeed";
 import useEventPublisher from "Feed/EventPublisher";
-import { debounce, hexToBech32 } from "Util";
+import { hexToBech32 } from "Util";
 import { UserMetadata } from "Nostr";
 
 type Nip05ServiceProps = {
@@ -33,7 +33,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
     const pubkey = useSelector<ReduxStore, string>(s => s.login.publicKey);
     const user = useProfile(pubkey);
     const publisher = useEventPublisher();
-    const svc = useMemo(() => new ServiceProvider(props.service), [props.service]);
+    const svc = new ServiceProvider(props.service);
     const [serviceConfig, setServiceConfig] = useState<ServiceConfig>();
     const [error, setError] = useState<ServiceError>();
     const [handle, setHandle] = useState<string>("");
@@ -43,7 +43,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
     const [showInvoice, setShowInvoice] = useState<boolean>(false);
     const [registerStatus, setRegisterStatus] = useState<CheckRegisterResponse>();
 
-    const domainConfig = useMemo(() => serviceConfig?.domains.find(a => a.name === domain), [domain, serviceConfig]);
+    const domainConfig = useMemo(() => serviceConfig?.domains.find(a => a.name === domain), [domain]);
 
     useEffect(() => {
         svc.GetConfig()
@@ -58,7 +58,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
                 }
             })
             .catch(console.error)
-    }, [props, svc]);
+    }, [props]);
 
     useEffect(() => {
         setError(undefined);
@@ -77,7 +77,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
                 setAvailabilityResponse({ available: false, why: "REGEX" });
                 return;
             }
-            return debounce(500, () => {
+            let t = setTimeout(() => {
                 svc.CheckAvailable(handle, domain)
                     .then(a => {
                         if ('error' in a) {
@@ -87,9 +87,10 @@ export default function Nip5Service(props: Nip05ServiceProps) {
                         }
                     })
                     .catch(console.error);
-            });
+            }, 500);
+            return () => clearTimeout(t);
         }
-    }, [handle, domain, domainConfig, svc]);
+    }, [handle, domain]);
 
     useEffect(() => {
         if (registerResponse && showInvoice) {
@@ -111,7 +112,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
             }, 2_000);
             return () => clearInterval(t);
         }
-    }, [registerResponse, showInvoice, svc])
+    }, [registerResponse, showInvoice])
 
     function mapError(e: ServiceErrorCode, t: string | null): string | undefined {
         let whyMap = new Map([
@@ -159,7 +160,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
             <p>Find out more info about {props.name} at <a href={props.link} target="_blank" rel="noreferrer">{props.link}</a></p>
             {error && <b className="error">{error.error}</b>}
             {!registerStatus && <div className="flex mb10">
-                <input type="text" placeholder="Handle" value={handle} onChange={(e) => setHandle(e.target.value.toLowerCase())} />
+                <input type="text" placeholder="Handle" value={handle} onChange={(e) => setHandle(e.target.value)} />
                 &nbsp;@&nbsp;
                 <select value={domain} onChange={(e) => setDomain(e.target.value)}>
                     {serviceConfig?.domains.map(a => <option key={a.name}>{a.name}</option>)}
@@ -176,12 +177,12 @@ export default function Nip5Service(props: Nip05ServiceProps) {
             {availabilityResponse?.available === false && !registerStatus && <div className="flex">
                 <b className="error">Not available: {mapError(availabilityResponse.why!, availabilityResponse.reasonTag || null)}</b>
             </div>}
-            <LNURLTip
-                invoice={registerResponse?.invoice}
-                show={showInvoice}
-                onClose={() => setShowInvoice(false)}
-                title={`Buying ${handle}@${domain}`}
-                notice="DO NOT CLOSE THIS POPUP OR YOUR ORDER WILL GET STUCK" />
+            <LNURLTip 
+                invoice={registerResponse?.invoice} 
+                show={showInvoice} 
+                onClose={() => setShowInvoice(false)} 
+                title={`Buying ${handle}@${domain}`} 
+                notice="DO NOT CLOSE THIS POPUP OR YOUR ORDER WILL GET STUCK"/>
             {registerStatus?.paid && <div className="flex f-col">
                 <h4>Order Paid!</h4>
                 <p>Your new NIP-05 handle is: <code>{handle}@{domain}</code></p>
diff --git a/src/Element/NoteCreator.css b/src/Element/NoteCreator.css
index 9dce9434..c415376d 100644
--- a/src/Element/NoteCreator.css
+++ b/src/Element/NoteCreator.css
@@ -16,8 +16,13 @@
     min-height: 40px;
     background-color: var(--note-bg);
     border-radius: 10px 10px 0 0;
-    max-width: stretch;
-    min-width: stretch;
+    max-width: -webkit-fill-available;
+    max-width: -moz-available;
+    max-width: fill-available;
+    min-width: 100%;
+    min-width: -webkit-fill-available;
+    min-width: -moz-available;
+    min-width: fill-available;
 }
 
 .note-creator .actions {
diff --git a/src/Element/NoteFooter.tsx b/src/Element/NoteFooter.tsx
index 37a1e89d..aaa453ff 100644
--- a/src/Element/NoteFooter.tsx
+++ b/src/Element/NoteFooter.tsx
@@ -31,8 +31,8 @@ export default function NoteFooter(props: NoteFooterProps) {
   const [reply, setReply] = useState(false);
   const [tip, setTip] = useState(false);
   const isMine = ev.RootPubKey === login;
-  const reactions = useMemo(() => getReactions(related, ev.Id, EventKind.Reaction), [related, ev]);
-  const reposts = useMemo(() => getReactions(related, ev.Id, EventKind.Repost), [related, ev]);
+  const reactions = useMemo(() => getReactions(related, ev.Id, EventKind.Reaction), [related]);
+  const reposts = useMemo(() => getReactions(related, ev.Id, EventKind.Repost), [related]);
   const groupReactions = useMemo(() => {
     return reactions?.reduce((acc, { content }) => {
       let r = normalizeReaction(content);
@@ -148,14 +148,14 @@ export default function NoteFooter(props: NoteFooterProps) {
   function menuItems() {
     return (
       <>
-        {prefs.enableReactions && (<MenuItem onClick={() => react("-")}>
+        <MenuItem onClick={() => react("-")}>
           <div>
             <FontAwesomeIcon icon={faThumbsDown} className={hasReacted('-') ? 'reacted' : ''} />
             &nbsp;
             {formatShort(groupReactions[Reaction.Negative])}
           </div>
           Dislike
-        </MenuItem>)}
+        </MenuItem>
         <MenuItem onClick={() => share()}>
           <FontAwesomeIcon icon={faShareNodes} />
           Share
diff --git a/src/Element/NoteReaction.tsx b/src/Element/NoteReaction.tsx
index dc5bd62f..d653509b 100644
--- a/src/Element/NoteReaction.tsx
+++ b/src/Element/NoteReaction.tsx
@@ -16,8 +16,7 @@ export interface NoteReactionProps {
     root?: TaggedRawEvent
 }
 export default function NoteReaction(props: NoteReactionProps) {
-    const { ["data-ev"]: dataEv, data } = props;
-    const ev = useMemo(() => dataEv || new NEvent(data), [data, dataEv])
+    const ev = useMemo(() => props["data-ev"] || new NEvent(props.data), [props.data, props["data-ev"]])
 
     const refEvent = useMemo(() => {
         if (ev) {
@@ -33,6 +32,19 @@ export default function NoteReaction(props: NoteReactionProps) {
         return null;
     }
 
+    function mapReaction(c: string) {
+        switch (c) {
+            case "+": return "❤️";
+            case "-": return "👎";
+            default: {
+                if (c.length === 0) {
+                    return "❤️";
+                }
+                return c;
+            }
+        }
+    }
+
     /**
      * Some clients embed the reposted note in the content
      */
@@ -51,7 +63,7 @@ export default function NoteReaction(props: NoteReactionProps) {
     const root = extractRoot();
     const opt = {
         showHeader: ev?.Kind === EventKind.Repost,
-        showFooter: false,
+        showFooter: ev?.Kind === EventKind.Repost,
     };
 
     return (
diff --git a/src/Element/ProfileImage.tsx b/src/Element/ProfileImage.tsx
index 6937333e..661433f3 100644
--- a/src/Element/ProfileImage.tsx
+++ b/src/Element/ProfileImage.tsx
@@ -1,7 +1,7 @@
 import "./ProfileImage.css";
 
 import { useMemo } from "react";
-import { useNavigate } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 import useProfile from "Feed/ProfileFeed";
 import { hexToBech32, profileLink } from "Util";
 import Avatar from "Element/Avatar"
@@ -30,11 +30,13 @@ export default function ProfileImage({ pubkey, subHeader, showUsername = true, c
             <div className="avatar-wrapper">
                 <Avatar user={user} onClick={() => navigate(link ?? profileLink(pubkey))} />
             </div>
-            {showUsername && (<div className="f-grow pointer" onClick={e => { e.stopPropagation(); navigate(link ?? profileLink(pubkey)) }}>
-                <div className="profile-name">
-                    <div>{name}</div>
-                    {user?.nip05 && <Nip05 nip05={user.nip05} pubkey={user.pubkey} />}
-                </div>
+            {showUsername && (<div className="f-grow">
+                <Link key={pubkey} to={link ?? profileLink(pubkey)}>
+                    <div className="profile-name">
+                        <div>{name}</div>
+                        {user?.nip05 && <Nip05 nip05={user.nip05} pubkey={user.pubkey} />}
+                    </div>
+                </Link>
                 {subHeader ? <>{subHeader}</> : null}
             </div>
             )}
diff --git a/src/Element/Relay.tsx b/src/Element/Relay.tsx
index 4a00c1db..a133aec7 100644
--- a/src/Element/Relay.tsx
+++ b/src/Element/Relay.tsx
@@ -1,14 +1,13 @@
 import "./Relay.css"
 
-import { faPlug, faSquareCheck, faSquareXmark, faWifi, faPlugCircleXmark, faGear } from "@fortawesome/free-solid-svg-icons";
+import { faPlug, faTrash, faSquareCheck, faSquareXmark, faWifi, faUpload, faDownload, faPlugCircleXmark, faEllipsisVertical } from "@fortawesome/free-solid-svg-icons";
 import useRelayState from "Feed/RelayState";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { useMemo } from "react";
+import { useMemo, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
-import { setRelays } from "State/Login";
+import { removeRelay, setRelays } from "State/Login";
 import { RootState } from "State/Store";
 import { RelaySettings } from "Nostr/Connection";
-import { useNavigate } from "react-router-dom";
 
 export interface RelayProps {
     addr: string
@@ -16,11 +15,11 @@ export interface RelayProps {
 
 export default function Relay(props: RelayProps) {
     const dispatch = useDispatch();
-    const navigate = useNavigate();
     const allRelaySettings = useSelector<RootState, Record<string, RelaySettings>>(s => s.login.relays);
     const relaySettings = allRelaySettings[props.addr];
     const state = useRelayState(props.addr);
     const name = useMemo(() => new URL(props.addr).host, [props.addr]);
+    const [showExtra, setShowExtra] = useState(false);
 
     function configure(o: RelaySettings) {
         dispatch(setRelays({
@@ -63,13 +62,28 @@ export default function Relay(props: RelayProps) {
                             <FontAwesomeIcon icon={faPlugCircleXmark} /> {state?.disconnects}
                         </div>
                         <div>
-                            <span className="icon-btn" onClick={() => navigate(name)}>
-                                <FontAwesomeIcon icon={faGear} />
+                            <span className="icon-btn" onClick={() => setShowExtra(s => !s)}>
+                                <FontAwesomeIcon icon={faEllipsisVertical} />
                             </span>
                         </div>
                     </div>
                 </div>
             </div>
+            {showExtra ? <div className="flex relay-extra w-max">
+                <div className="f-1">
+                    <FontAwesomeIcon icon={faUpload} /> {state?.events.send}
+                </div>
+                <div className="f-1">
+                    <FontAwesomeIcon icon={faDownload} /> {state?.events.received}
+                </div>
+
+                <div className="f-1">
+                    Delete
+                    <span className="icon-btn" onClick={() => dispatch(removeRelay(props.addr))}>
+                        <FontAwesomeIcon icon={faTrash} />
+                    </span>
+                </div>
+            </div> : null}
         </>
     )
 }
diff --git a/src/Element/Timeline.tsx b/src/Element/Timeline.tsx
index c837c399..075d8a87 100644
--- a/src/Element/Timeline.tsx
+++ b/src/Element/Timeline.tsx
@@ -1,5 +1,5 @@
 import "./Timeline.css";
-import { useCallback, useMemo } from "react";
+import { useMemo } from "react";
 import useTimelineFeed, { TimelineSubject } from "Feed/TimelineFeed";
 import { TaggedRawEvent } from "Nostr";
 import EventKind from "Nostr/EventKind";
@@ -19,21 +19,21 @@ export interface TimelineProps {
  * A list of notes by pubkeys
  */
 export default function Timeline({ subject, postsOnly = false, method }: TimelineProps) {
-    const { main, related, latest, parent, loadMore, showLatest } = useTimelineFeed(subject, {
+    const { main, related, latest, loadMore, showLatest } = useTimelineFeed(subject, {
         method
     });
 
-    const filterPosts = useCallback((nts: TaggedRawEvent[]) => {
-        return [...nts].sort((a, b) => b.created_at - a.created_at)?.filter(a => postsOnly ? !a.tags.some(b => b[0] === "e") : true);
-    }, [postsOnly]);
+    const filterPosts = (notes: TaggedRawEvent[]) => {
+        return [...notes].sort((a, b) => b.created_at - a.created_at)?.filter(a => postsOnly ? !a.tags.some(b => b[0] === "e") : true);
+    }
 
     const mainFeed = useMemo(() => {
         return filterPosts(main.notes);
-    }, [main, filterPosts]);
+    }, [main]);
 
     const latestFeed = useMemo(() => {
         return filterPosts(latest.notes).filter(a => !mainFeed.some(b => b.id === a.id));
-    }, [latest, mainFeed, filterPosts]);
+    }, [latest]);
 
     function eventElement(e: TaggedRawEvent) {
         switch (e.kind) {
@@ -42,8 +42,7 @@ export default function Timeline({ subject, postsOnly = false, method }: Timelin
             }
             case EventKind.Reaction:
             case EventKind.Repost: {
-                let eRef = e.tags.find(a => a[0] === "e")?.at(1);
-                return <NoteReaction data={e} key={e.id} root={parent.notes.find(a => a.id === eRef)}/>
+                return <NoteReaction data={e} key={e.id} />
             }
         }
     }
diff --git a/src/Element/ZapButton.css b/src/Element/ZapButton.css
index 863b095c..8f8641de 100644
--- a/src/Element/ZapButton.css
+++ b/src/Element/ZapButton.css
@@ -3,5 +3,4 @@
   background-color: var(--highlight);
   padding: 4px 8px;
   border-radius: 16px;
-  cursor: pointer;
 }
diff --git a/src/Element/ZapButton.tsx b/src/Element/ZapButton.tsx
index 147b1871..82416d00 100644
--- a/src/Element/ZapButton.tsx
+++ b/src/Element/ZapButton.tsx
@@ -6,19 +6,19 @@ import useProfile from "Feed/ProfileFeed";
 import { HexKey } from "Nostr";
 import LNURLTip from "Element/LNURLTip";
 
-const ZapButton = ({ pubkey, svc }: { pubkey?: HexKey, svc?: string }) => {
-    const profile = useProfile(pubkey)?.get(pubkey ?? "");
+const ZapButton = ({ pubkey }: { pubkey: HexKey }) => {
+    const profile = useProfile(pubkey)?.get(pubkey);
     const [zap, setZap] = useState(false);
-    const service = svc ?? (profile?.lud16 || profile?.lud06);
+    const svc = profile?.lud16 || profile?.lud06;
 
-    if (!service) return null;
+    if (!svc) return null;
 
     return (
         <>
             <div className="zap-button" onClick={(e) => setZap(true)}>
                 <FontAwesomeIcon icon={faBolt} />
             </div>
-            <LNURLTip svc={service} show={zap} onClose={() => setZap(false)} />
+            <LNURLTip svc={svc} show={zap} onClose={() => setZap(false)} />
         </>
     )
 }
diff --git a/src/Feed/ProfileFeed.ts b/src/Feed/ProfileFeed.ts
index b439f814..435a5928 100644
--- a/src/Feed/ProfileFeed.ts
+++ b/src/Feed/ProfileFeed.ts
@@ -1,11 +1,11 @@
 import { useLiveQuery } from "dexie-react-hooks";
-import { useEffect } from "react";
+import { useEffect, useMemo } from "react";
 import { db } from "Db";
 import { MetadataCache } from "Db/User";
 import { HexKey } from "Nostr";
 import { System } from "Nostr/System";
 
-export default function useProfile(pubKey?: HexKey | Array<HexKey> | undefined): Map<HexKey, MetadataCache> | undefined {
+export default function useProfile(pubKey: HexKey | Array<HexKey> | undefined): Map<HexKey, MetadataCache> | undefined {
     const user = useLiveQuery(async () => {
         let userList = new Map<HexKey, MetadataCache>();
         if (pubKey) {
diff --git a/src/Feed/Subscription.ts b/src/Feed/Subscription.ts
index 08966653..76370252 100644
--- a/src/Feed/Subscription.ts
+++ b/src/Feed/Subscription.ts
@@ -2,7 +2,6 @@ import { useEffect, useMemo, useReducer, useState } from "react";
 import { System } from "Nostr/System";
 import { TaggedRawEvent } from "Nostr";
 import { Subscriptions } from "Nostr/Subscriptions";
-import { debounce } from "Util";
 
 export type NoteStore = {
     notes: Array<TaggedRawEvent>,
@@ -38,8 +37,7 @@ function notesReducer(state: NoteStore, arg: ReducerArg) {
     if (!Array.isArray(evs)) {
         evs = [evs];
     }
-    let existingIds = new Set(state.notes.map(a => a.id));
-    evs = evs.filter(a => !existingIds.has(a.id));
+    evs = evs.filter(a => !state.notes.some(b => b.id === a.id));
     if (evs.length === 0) {
         return state;
     }
@@ -62,11 +60,6 @@ export interface UseSubscriptionState {
     append: (notes: TaggedRawEvent[]) => void
 }
 
-/**
- * Wait time before returning changed state
- */
-const DebounceMs = 200;
-
 /**
  * 
  * @param {Subscriptions} sub 
@@ -75,16 +68,7 @@ const DebounceMs = 200;
  */
 export default function useSubscription(sub: Subscriptions | null, options?: UseSubscriptionOptions): UseSubscriptionState {
     const [state, dispatch] = useReducer(notesReducer, initStore);
-    const [debounceOutput, setDebounceOutput] = useState<number>(0);
-    const [subDebounce, setSubDebounced] = useState<Subscriptions>();
-
-    useEffect(() => {
-        if (sub) {
-            return debounce(DebounceMs, () => {
-                setSubDebounced(sub);
-            });
-        }
-    }, [sub, options]);
+    const [debounce, setDebounce] = useState<number>(0);
 
     useEffect(() => {
         if (sub) {
@@ -115,15 +99,16 @@ export default function useSubscription(sub: Subscriptions | null, options?: Use
                 System.RemoveSubscription(sub.Id);
             };
         }
-    }, [subDebounce]);
+    }, [sub]);
 
     useEffect(() => {
-        return debounce(DebounceMs, () => {
-            setDebounceOutput(s => s += 1);
-        });
+        let t = setTimeout(() => {
+            setDebounce(s => s += 1);
+        }, 100);
+        return () => clearTimeout(t);
     }, [state]);
 
-    const stateDebounced = useMemo(() => state, [debounceOutput]);
+    const stateDebounced = useMemo(() => state, [debounce]);
     return {
         store: stateDebounced,
         clear: () => {
diff --git a/src/Feed/ThreadFeed.ts b/src/Feed/ThreadFeed.ts
index aef2c024..e6563adf 100644
--- a/src/Feed/ThreadFeed.ts
+++ b/src/Feed/ThreadFeed.ts
@@ -6,7 +6,6 @@ import useSubscription from "Feed/Subscription";
 import { useSelector } from "react-redux";
 import { RootState } from "State/Store";
 import { UserPreferences } from "State/Login";
-import { debounce } from "Util";
 
 export default function useThreadFeed(id: u256) {
     const [trackingEvents, setTrackingEvent] = useState<u256[]>([id]);
@@ -15,8 +14,9 @@ export default function useThreadFeed(id: u256) {
     function addId(id: u256[]) {
         setTrackingEvent((s) => {
             let orig = new Set(s);
-            if (id.some(a => !orig.has(a))) {
-                let tmp = new Set([...s, ...id]);
+            let idsMissing = id.filter(a => !orig.has(a));
+            if (idsMissing.length > 0) {
+                let tmp = new Set([...s, ...idsMissing]);
                 return Array.from(tmp);
             } else {
                 return s;
@@ -36,23 +36,19 @@ export default function useThreadFeed(id: u256) {
         thisSub.AddSubscription(subRelated);
 
         return thisSub;
-    }, [trackingEvents, pref, id]);
+    }, [trackingEvents]);
 
     const main = useSubscription(sub, { leaveOpen: true });
 
     useEffect(() => {
-        if (main.store) {
-            return debounce(200, () => {
-                let mainNotes = main.store.notes.filter(a => a.kind === EventKind.TextNote);
-
-                let eTags = mainNotes
-                    .filter(a => a.kind === EventKind.TextNote)
-                    .map(a => a.tags.filter(b => b[0] === "e").map(b => b[1])).flat();
-                let ids = mainNotes.map(a => a.id);
-                let allEvents = new Set([...eTags, ...ids]);
-                addId(Array.from(allEvents));
-            })
-        }
+        // debounce
+        let t = setTimeout(() => {
+            let eTags = main.store.notes.map(a => a.tags.filter(b => b[0] === "e").map(b => b[1])).flat();
+            let ids = main.store.notes.map(a => a.id);
+            let allEvents = new Set([...eTags, ...ids]);
+            addId(Array.from(allEvents));
+        }, 200);
+        return () => clearTimeout(t);
     }, [main.store]);
 
     return main.store;
diff --git a/src/Feed/TimelineFeed.ts b/src/Feed/TimelineFeed.ts
index fe259421..d71a72b2 100644
--- a/src/Feed/TimelineFeed.ts
+++ b/src/Feed/TimelineFeed.ts
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { u256 } from "Nostr";
 import EventKind from "Nostr/EventKind";
 import { Subscriptions } from "Nostr/Subscriptions";
@@ -19,15 +19,14 @@ export interface TimelineSubject {
 
 export default function useTimelineFeed(subject: TimelineSubject, options: TimelineFeedOptions) {
     const now = unixNow();
-    const [window] = useState<number>(60 * 60);
+    const [window, setWindow] = useState<number>(60 * 60);
     const [until, setUntil] = useState<number>(now);
     const [since, setSince] = useState<number>(now - window);
     const [trackingEvents, setTrackingEvent] = useState<u256[]>([]);
-    const [trackingParentEvents, setTrackingParentEvents] = useState<u256[]>([]);
     const pref = useSelector<RootState, UserPreferences>(s => s.login.preferences);
 
-    const createSub = useCallback(() => {
-        if (subject.type !== "global" && subject.items.length === 0) {
+    function createSub() {
+        if (subject.type !== "global" && subject.items.length == 0) {
             return null;
         }
 
@@ -49,7 +48,7 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
             }
         }
         return sub;
-    }, [subject.type, subject.items]);
+    }
 
     const sub = useMemo(() => {
         let sub = createSub();
@@ -78,7 +77,7 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
             }
         }
         return sub;
-    }, [until, since, options.method, pref, createSub]);
+    }, [subject.type, subject.items, until, since, window]);
 
     const main = useSubscription(sub, { leaveOpen: true });
 
@@ -90,58 +89,30 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
             subLatest.Since = Math.floor(new Date().getTime() / 1000);
         }
         return subLatest;
-    }, [pref, createSub]);
+    }, [subject.type, subject.items]);
 
     const latest = useSubscription(subRealtime, { leaveOpen: true });
 
     const subNext = useMemo(() => {
-        let sub: Subscriptions | undefined;
         if (trackingEvents.length > 0 && pref.enableReactions) {
-            sub = new Subscriptions();
+            let sub = new Subscriptions();
             sub.Id = `timeline-related:${subject.type}`;
-            sub.Kinds = new Set([EventKind.Reaction, EventKind.Deletion]);
+            sub.Kinds = new Set([EventKind.Reaction, EventKind.Deletion, EventKind.Repost]);
             sub.ETags = new Set(trackingEvents);
-        }
-        return sub ?? null;
-    }, [trackingEvents, pref, subject.type]);
-
-    const others = useSubscription(subNext, { leaveOpen: true });
-
-    const subParents = useMemo(() => {
-        if (trackingParentEvents.length > 0) {
-            let parents = new Subscriptions();
-            parents.Id = `timeline-parent:${subject.type}`;
-            parents.Ids = new Set(trackingParentEvents);
-            return parents;
+            return sub;
         }
         return null;
-    }, [trackingParentEvents, subject.type]);
+    }, [trackingEvents]);
 
-    const parent = useSubscription(subParents);
+    const others = useSubscription(subNext, { leaveOpen: true });
 
     useEffect(() => {
         if (main.store.notes.length > 0) {
             setTrackingEvent(s => {
                 let ids = main.store.notes.map(a => a.id);
-                if(ids.some(a => !s.includes(a))) {
-                    return Array.from(new Set([...s, ...ids]));
-                }
-                return s;
+                let temp = new Set([...s, ...ids]);
+                return Array.from(temp);
             });
-            let reposts = main.store.notes
-                .filter(a => a.kind === EventKind.Repost && a.content === "")
-                .map(a => a.tags.find(b => b[0] === "e"))
-                .filter(a => a)
-                .map(a => a![1]);
-            if (reposts.length > 0) {
-                setTrackingParentEvents(s => {
-                    if (reposts.some(a => !s.includes(a))) {
-                        let temp = new Set([...s, ...reposts]);
-                        return Array.from(temp);
-                    }
-                    return s;
-                })
-            }
         }
     }, [main.store]);
 
@@ -149,7 +120,6 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
         main: main.store,
         related: others.store,
         latest: latest.store,
-        parent: parent.store,
         loadMore: () => {
             console.debug("Timeline load more!")
             if (options.method === "LIMIT_UNTIL") {
diff --git a/src/Nostr/Connection.ts b/src/Nostr/Connection.ts
index 092b49f0..1ddd14f8 100644
--- a/src/Nostr/Connection.ts
+++ b/src/Nostr/Connection.ts
@@ -6,7 +6,6 @@ import { default as NEvent } from "Nostr/Event";
 import { DefaultConnectTimeout } from "Const";
 import { ConnectionStats } from "Nostr/ConnectionStats";
 import { RawEvent, TaggedRawEvent, u256 } from "Nostr";
-import { RelayInfo } from "./RelayInfo";
 
 export type CustomHook = (state: Readonly<StateSnapshot>) => void;
 
@@ -28,8 +27,7 @@ export type StateSnapshot = {
     events: {
         received: number,
         send: number
-    },
-    info?: RelayInfo
+    }
 };
 
 export default class Connection {
@@ -38,7 +36,6 @@ export default class Connection {
     Pending: Subscriptions[];
     Subscriptions: Map<string, Subscriptions>;
     Settings: RelaySettings;
-    Info?: RelayInfo;
     ConnectTimeout: number;
     Stats: ConnectionStats;
     StateHooks: Map<string, CustomHook>;
@@ -59,7 +56,7 @@ export default class Connection {
         this.Stats = new ConnectionStats();
         this.StateHooks = new Map();
         this.HasStateChange = true;
-        this.CurrentState = {
+        this.CurrentState = <StateSnapshot>{
             connected: false,
             disconnects: 0,
             avgLatency: 0,
@@ -67,7 +64,7 @@ export default class Connection {
                 received: 0,
                 send: 0
             }
-        } as StateSnapshot;
+        };
         this.LastState = Object.freeze({ ...this.CurrentState });
         this.IsClosed = false;
         this.ReconnectTimer = null;
@@ -75,29 +72,7 @@ export default class Connection {
         this.Connect();
     }
 
-    async Connect() {
-        try {
-            if (this.Info === undefined) {
-                let u = new URL(this.Address);
-                let rsp = await fetch(`https://${u.host}`, {
-                    headers: {
-                        "accept": "application/nostr+json"
-                    }
-                });
-                if (rsp.ok) {
-                    let data = await rsp.json();
-                    for (let [k, v] of Object.entries(data)) {
-                        if (v === "unset" || v === "") {
-                            data[k] = undefined;
-                        }
-                    }
-                    this.Info = data;
-                }
-            }
-        } catch (e) {
-            console.warn("Could not load relay information", e);
-        }
-
+    Connect() {
         this.IsClosed = false;
         this.Socket = new WebSocket(this.Address);
         this.Socket.onopen = (e) => this.OnOpen(e);
@@ -284,7 +259,6 @@ export default class Connection {
         this.CurrentState.events.send = this.Stats.EventsSent;
         this.CurrentState.avgLatency = this.Stats.Latency.length > 0 ? (this.Stats.Latency.reduce((acc, v) => acc + v, 0) / this.Stats.Latency.length) : 0;
         this.CurrentState.disconnects = this.Stats.Disconnects;
-        this.CurrentState.info = this.Info;
         this.Stats.Latency = this.Stats.Latency.slice(-20); // trim
         this.HasStateChange = true;
         this._NotifyState();
diff --git a/src/Nostr/ConnectionStats.ts b/src/Nostr/ConnectionStats.ts
index 844e9dd0..0de56615 100644
--- a/src/Nostr/ConnectionStats.ts
+++ b/src/Nostr/ConnectionStats.ts
@@ -1,3 +1,4 @@
+
 /**
  * Stats class for tracking metrics per connection
  */
diff --git a/src/Nostr/RelayInfo.ts b/src/Nostr/RelayInfo.ts
deleted file mode 100644
index 21d01cef..00000000
--- a/src/Nostr/RelayInfo.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export interface RelayInfo {
-    name?: string,
-    description?: string,
-    pubkey?: string,
-    contact?: string,
-    supported_nips?: number[],
-    software?: string,
-    version?: string
-}
\ No newline at end of file
diff --git a/src/Pages/DonatePage.tsx b/src/Pages/DonatePage.tsx
index b5be933c..9b859c51 100644
--- a/src/Pages/DonatePage.tsx
+++ b/src/Pages/DonatePage.tsx
@@ -1,6 +1,4 @@
-import { ApiHost } from "Const";
 import ProfilePreview from "Element/ProfilePreview";
-import ZapButton from "Element/ZapButton";
 import { HexKey } from "Nostr";
 import { useEffect, useState } from "react";
 import { bech32ToHex } from "Util";
@@ -25,7 +23,7 @@ const DonatePage = () => {
     const [splits, setSplits] = useState<Splits[]>([]);
 
     async function loadSplits() {
-        let rsp = await fetch(`${ApiHost}/api/v1/revenue/splits`);
+        let rsp = await fetch("https://api.snort.social/api/v1/revenue/splits");
         if(rsp.ok) {
             setSplits(await rsp.json());
         }
@@ -58,10 +56,6 @@ const DonatePage = () => {
             <p>
                 Each contributor will get paid a percentage of all donations and NIP-05 orders, you can see the split amounts below
             </p>
-            <div className="flex">
-                <div className="mr10">Lightning Donation: </div>
-                <ZapButton svc={"donate@snort.social"} />
-            </div>
             <h3>Primary Developers</h3>
             {Developers.map(a => <ProfilePreview pubkey={a} key={a} actions={actions(a)} />)}
             <h4>Contributors</h4>
diff --git a/src/Pages/MessagesPage.tsx b/src/Pages/MessagesPage.tsx
index 5142f016..8a24f670 100644
--- a/src/Pages/MessagesPage.tsx
+++ b/src/Pages/MessagesPage.tsx
@@ -57,9 +57,8 @@ export default function MessagesPage() {
                 <div className="btn" onClick={() => markAllRead()}>Mark All Read</div>
             </div>
             {chats.sort((a, b) => {
-                return a.pubkey === myPubKey ? -1 : 
-                    b.pubkey === myPubKey ? 1 :
-                    b.newestMessage - a.newestMessage
+                if(b.pubkey === myPubKey) return 1
+                return b.newestMessage - a.newestMessage
             }).map(person)}
         </>
     )
diff --git a/src/Pages/NewUserPage.tsx b/src/Pages/NewUserPage.tsx
index f268856f..369fc78b 100644
--- a/src/Pages/NewUserPage.tsx
+++ b/src/Pages/NewUserPage.tsx
@@ -1,4 +1,4 @@
-import { ApiHost, RecommendedFollows } from "Const";
+import { RecommendedFollows } from "Const";
 import AsyncButton from "Element/AsyncButton";
 import FollowListBase from "Element/FollowListBase";
 import ProfilePreview from "Element/ProfilePreview";
@@ -8,7 +8,7 @@ import { useSelector } from "react-redux";
 import { RootState } from "State/Store";
 import { bech32ToHex } from "Util";
 
-const TwitterFollowsApi = `${ApiHost}/api/v1/twitter/follows-for-nostr`;
+const TwitterFollowsApi = "https://api.snort.social/api/v1/twitter/follows-for-nostr";
 
 export default function NewUserPage() {
     const [twitterUsername, setTwitterUsername] = useState<string>("");
@@ -24,7 +24,7 @@ export default function NewUserPage() {
     const sortedTwitterFollows = useMemo(() => {
         return follows.map(a => bech32ToHex(a))
             .sort((a, b) => currentFollows.includes(a) ? 1 : -1);
-    }, [follows, currentFollows]);
+    }, [follows]);
 
     async function loadFollows() {
         setFollows([]);
diff --git a/src/Pages/SettingsPage.tsx b/src/Pages/SettingsPage.tsx
index aa60cd87..aa9c89f5 100644
--- a/src/Pages/SettingsPage.tsx
+++ b/src/Pages/SettingsPage.tsx
@@ -3,7 +3,6 @@ import SettingsIndex from "Pages/settings/Index";
 import Profile from "Pages/settings/Profile";
 import Relay from "Pages/settings/Relays";
 import Preferences from "Pages/settings/Preferences";
-import RelayInfo from "Pages/settings/RelayInfo";
 
 export default function SettingsPage() {
     const navigate = useNavigate();
@@ -27,11 +26,7 @@ export const SettingsRoutes: RouteObject[] = [
     },
     {
         path: "relays",
-        element: <Relay />,
-    },
-    {
-        path: "relays/:addr",
-        element: <RelayInfo />
+        element: <Relay />
     },
     {
         path: "preferences",
diff --git a/src/Pages/Verification.tsx b/src/Pages/Verification.tsx
index 683c9025..56204541 100644
--- a/src/Pages/Verification.tsx
+++ b/src/Pages/Verification.tsx
@@ -1,4 +1,3 @@
-import { ApiHost } from "Const";
 import Nip5Service from "Element/Nip5Service";
 
 import './Verification.css'
@@ -7,7 +6,7 @@ export default function VerificationPage() {
     const services = [
         {
             name: "Snort",
-            service: `${ApiHost}/api/v1/n5sp`,
+            service: "https://api.snort.social/api/v1/n5sp",
             link: "https://snort.social/",
             supportLink: "https://snort.social/help",
             about: <>Our very own NIP-05 verification service, help support the development of this site and get a shiny special badge on our site!</>
diff --git a/src/Pages/settings/Preferences.tsx b/src/Pages/settings/Preferences.tsx
index 3304868c..5fd2a2aa 100644
--- a/src/Pages/settings/Preferences.tsx
+++ b/src/Pages/settings/Preferences.tsx
@@ -17,7 +17,7 @@ const PreferencesPage = () => {
                 </div>
                 <div>
                     <select value={perf.theme} onChange={e => dispatch(setPreferences({ ...perf, theme: e.target.value} as UserPreferences))}>
-                        <option value="system">System (Default)</option>
+                        <option value="system">System</option>
                         <option value="light">Light</option>
                         <option value="dark">Dark</option>
                     </select>
@@ -34,8 +34,8 @@ const PreferencesPage = () => {
             </div>
             <div className="card flex">
                 <div className="flex f-col f-grow">
-                    <div>Enable reactions</div>
-                    <small>Reactions will be shown on every page, if disabled no reactions will be shown</small>
+                    <div>Message reaction options</div>
+                    <small>When the box is checked, you can like and repost, but when it's unchecked, you can't</small>
                 </div>
                 <div>
                     <input type="checkbox" checked={perf.enableReactions} onChange={e => dispatch(setPreferences({ ...perf, enableReactions: e.target.checked }))} />
diff --git a/src/Pages/settings/Profile.tsx b/src/Pages/settings/Profile.tsx
index 482340da..1fb60b2d 100644
--- a/src/Pages/settings/Profile.tsx
+++ b/src/Pages/settings/Profile.tsx
@@ -31,6 +31,7 @@ export default function ProfileSettings() {
     const [about, setAbout] = useState<string>();
     const [website, setWebsite] = useState<string>();
     const [nip05, setNip05] = useState<string>();
+    const [lud06, setLud06] = useState<string>();
     const [lud16, setLud16] = useState<string>();
 
     const avatarPicture = (picture?.length ?? 0) === 0 ? Nostrich : picture
@@ -44,6 +45,7 @@ export default function ProfileSettings() {
             setAbout(user.about);
             setWebsite(user.website);
             setNip05(user.nip05);
+            setLud06(user.lud06);
             setLud16(user.lud16);
         }
     }, [user]);
@@ -101,7 +103,7 @@ export default function ProfileSettings() {
         return (
             <div className="editor">
                 <div className="form-group">
-                    <div>Name:</div>
+                    <div>Username:</div>
                     <div>
                         <input type="text" value={name} onChange={(e) => setName(e.target.value)} />
                     </div>
@@ -131,7 +133,7 @@ export default function ProfileSettings() {
                         <div className="btn" onClick={() => navigate("/verification")}>
                             <FontAwesomeIcon icon={faShop} />
                             &nbsp;
-                            Buy
+                            Buy NIP-05
                         </div>
                     </div>
                 </div>
diff --git a/src/Pages/settings/RelayInfo.tsx b/src/Pages/settings/RelayInfo.tsx
deleted file mode 100644
index 2dd6aa7b..00000000
--- a/src/Pages/settings/RelayInfo.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import ProfilePreview from "Element/ProfilePreview";
-import useRelayState from "Feed/RelayState";
-import { System } from "Nostr/System";
-import { useDispatch } from "react-redux";
-import { useNavigate, useParams } from "react-router-dom";
-import { removeRelay } from "State/Login";
-import { parseId } from "Util";
-
-const RelayInfo = () => {
-    const params = useParams();
-    const navigate = useNavigate();
-    const dispatch = useDispatch();
-    const addr: string = `wss://${params.addr}`;
-
-    const con = System.Sockets.get(addr) ?? System.Sockets.get(`${addr}/`);
-    const stats = useRelayState(con?.Address ?? addr);
-
-    return (
-        <>
-            <h3 className="pointer" onClick={() => navigate("/settings/relays")}>Relays</h3>
-            <div className="card">
-                <h3>{stats?.info?.name ?? addr}</h3>
-                <p>{stats?.info?.description}</p>
-
-                {stats?.info?.pubkey && (<>
-                    <h4>Owner</h4>
-                    <ProfilePreview pubkey={parseId(stats.info.pubkey)} />
-                </>)}
-                {stats?.info?.software && (<div className="flex">
-                    <h4 className="f-grow">Software</h4>
-                    <div className="flex f-col">
-                        {stats.info.software.startsWith("http") ? <a href={stats.info.software} target="_blank" rel="noreferrer">{stats.info.software}</a> : <>{stats.info.software}</>}
-                        <small>{!stats.info.version?.startsWith("v") && "v"}{stats.info.version}</small>
-                    </div>
-                </div>)}
-                {stats?.info?.contact && (<div className="flex">
-                    <h4 className="f-grow">Contact</h4>
-                    <a href={`${stats.info.contact.startsWith("mailto:") ? "" : "mailto:"}${stats.info.contact}`} target="_blank" rel="noreferrer">{stats.info.contact}</a>
-                </div>)}
-                {stats?.info?.supported_nips && (<>
-                    <h4>Supports</h4>
-                    <div className="f-grow">
-                        {stats.info.supported_nips.map(a => <span className="pill" onClick={() => navigate(`https://github.com/nostr-protocol/nips/blob/master/${a.toString().padStart(2, "0")}.md`)}>NIP-{a.toString().padStart(2, "0")}</span>)}
-                    </div>
-                </>)}
-                <div className="flex mt10 f-end">
-                    <div className="btn error" onClick={() => {
-                        dispatch(removeRelay(con!.Address));
-                        navigate("/settings/relays")
-                    }}>Remove</div>
-                </div>
-            </div>
-        </>
-    )
-}
-
-export default RelayInfo;
\ No newline at end of file
diff --git a/src/Pages/settings/Relays.tsx b/src/Pages/settings/Relays.tsx
index b5e2d241..3ca0fca4 100644
--- a/src/Pages/settings/Relays.tsx
+++ b/src/Pages/settings/Relays.tsx
@@ -52,7 +52,7 @@ const RelaySettingsPage = () => {
             <div className="flex f-col">
                 {Object.keys(relays || {}).map(a => <Relay addr={a} key={a} />)}
             </div>
-            <div className="flex mt10">
+            <div className="flex actions">
                 <div className="f-grow"></div>
                 <div className="btn" onClick={() => saveRelays()}>Save</div>
             </div>
diff --git a/src/State/Login.ts b/src/State/Login.ts
index ca009db4..23c0a4b6 100644
--- a/src/State/Login.ts
+++ b/src/State/Login.ts
@@ -1,8 +1,9 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit'
 import * as secp from '@noble/secp256k1';
 import { DefaultRelays } from 'Const';
-import { HexKey, TaggedRawEvent } from 'Nostr';
+import { HexKey, RawEvent, TaggedRawEvent } from 'Nostr';
 import { RelaySettings } from 'Nostr/Connection';
+import { useDispatch } from 'react-redux';
 
 const PrivateKeyItem = "secret";
 const PublicKeyItem = "pubkey";
@@ -181,7 +182,7 @@ const LoginSlice = createSlice({
             let filtered = new Map<string, RelaySettings>();
             for (let [k, v] of Object.entries(relays)) {
                 if (k.startsWith("wss://") || k.startsWith("ws://")) {
-                    filtered.set(k, v as RelaySettings);
+                    filtered.set(k, <RelaySettings>v);
                 }
             }
 
diff --git a/src/Util.ts b/src/Util.ts
index abd73dde..68cc7e49 100644
--- a/src/Util.ts
+++ b/src/Util.ts
@@ -1,6 +1,6 @@
 import * as secp from "@noble/secp256k1";
 import { bech32 } from "bech32";
-import { HexKey, TaggedRawEvent, u256 } from "Nostr";
+import { HexKey, RawEvent, TaggedRawEvent, u256 } from "Nostr";
 import EventKind from "Nostr/EventKind";
 
 export async function openFile(): Promise<File | undefined> {
@@ -65,7 +65,7 @@ export function eventLink(hex: u256) {
  * @param {string} hex
  */
 export function hexToBech32(hrp: string, hex: string) {
-    if (typeof hex !== "string" || hex.length === 0 || hex.length % 2 !== 0) {
+    if (typeof hex !== "string" || hex.length === 0 || hex.length % 2 != 0) {
         return "";
     }
 
@@ -145,15 +145,4 @@ export function extractLnAddress(lnurl: string) {
 
 export function unixNow() {
     return Math.floor(new Date().getTime() / 1000);
-} 
-
-/**
- * Simple debounce
- * @param timeout Time until falling edge
- * @param fn Callack to run on falling edge
- * @returns Cancel timeout function
- */
-export function debounce(timeout: number, fn: () => void) {
-    let t = setTimeout(fn, timeout);
-    return () => clearTimeout(t);
-}
\ No newline at end of file
+} 
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 8556f0db..05296df4 100644
--- a/src/index.css
+++ b/src/index.css
@@ -222,18 +222,18 @@ textarea:placeholder {
   align-items: flex-start !important;
 }
 
-.f-end {
-  justify-content: flex-end;
-}
-
 .w-max {
   width: 100%;
-  width: stretch;
+  width: -moz-available;
+  width: -webkit-fill-available;
+  width: fill-available;
 }
 
 .w-max-w {
   max-width: 100%;
-  max-width: stretch;
+  max-width: -moz-available;
+  max-width: -webkit-fill-available;
+  max-width: fill-available;
 }
 
 a {
@@ -263,7 +263,7 @@ div.form-group>div:nth-child(1) {
 div.form-group>div:nth-child(2) {
   display: flex;
   flex-grow: 1;
-  justify-content: flex-end;
+  justify-content: end;
 }
 
 div.form-group>div:nth-child(2) input {
@@ -296,10 +296,6 @@ body.scroll-lock {
   height: 100vh;
 }
 
-.pointer { 
-  cursor: pointer;
-}
-
 .m5 {
   margin: 5px;
 }