diff --git a/packages/app/src/Element/Feed/TimelineRenderer.tsx b/packages/app/src/Element/Feed/TimelineRenderer.tsx index 5c99aab5..ce64671b 100644 --- a/packages/app/src/Element/Feed/TimelineRenderer.tsx +++ b/packages/app/src/Element/Feed/TimelineRenderer.tsx @@ -63,7 +63,9 @@ export function TimelineRenderer(props: TimelineRendererProps) { return ( Note Media - {isVideo && } + {isVideo && ( + + )} ); }; diff --git a/packages/app/src/Element/SearchBox.tsx b/packages/app/src/Element/SearchBox.tsx index 979c6209..4b8d6b2e 100644 --- a/packages/app/src/Element/SearchBox.tsx +++ b/packages/app/src/Element/SearchBox.tsx @@ -21,6 +21,7 @@ export default function SearchBox() { const [isFocused, setIsFocused] = useState(false); const navigate = useNavigate(); const location = useLocation(); + const inputRef = useRef(null); const [activeIndex, setActiveIndex] = useState(-1); const resultListRef = useRef(null); @@ -78,6 +79,10 @@ export default function SearchBox() { if (e.key === "Escape") { setSearch(""); } + if (e.key === "k" && (e.metaKey || e.ctrlKey)) { + e.preventDefault(); + inputRef.current?.focus(); + } }; document.addEventListener("keydown", handleGlobalKeyDown); @@ -129,6 +134,7 @@ export default function SearchBox() { } else if (activeIndex > 0 && results) { const selectedResult = results[activeIndex - 1]; navigate(`/${new NostrLink(CONFIG.profileLinkPrefix, selectedResult.pubkey).encode()}`); + inputRef.current?.blur(); } else { executeSearch(); } @@ -149,6 +155,7 @@ export default function SearchBox() { return (