diff --git a/packages/app/src/Element/Feed/TimelineRenderer.tsx b/packages/app/src/Element/Feed/TimelineRenderer.tsx
index 5c99aab59..ce64671be 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 (
- {isVideo && }
+ {isVideo && (
+
+ )}
);
};
diff --git a/packages/app/src/Element/SearchBox.tsx b/packages/app/src/Element/SearchBox.tsx
index 979c62096..4b8d6b2e4 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 (