forked from Kieran/snort
video icon shadow, focus search by cmd/ctrl + k
This commit is contained in:
parent
8e77535a6a
commit
fabf0f372f
@ -63,7 +63,9 @@ export function TimelineRenderer(props: TimelineRendererProps) {
|
||||
return (
|
||||
<Link to={`/${noteId}`} className="aspect-square cursor-pointer hover:opacity-80 relative" onClick={onClick}>
|
||||
<img src={proxy(media[0].content, 256)} alt="Note Media" className="w-full h-full object-cover" />
|
||||
{isVideo && <Icon name="play-square-outline" className="absolute right-2 top-2 text-white opacity-80" />}
|
||||
{isVideo && (
|
||||
<Icon name="play-square-outline" className="absolute right-2 top-2 text-white opacity-80 drop-shadow-md" />
|
||||
)}
|
||||
</Link>
|
||||
);
|
||||
};
|
||||
|
@ -21,6 +21,7 @@ export default function SearchBox() {
|
||||
const [isFocused, setIsFocused] = useState(false);
|
||||
const navigate = useNavigate();
|
||||
const location = useLocation();
|
||||
const inputRef = useRef<HTMLInputElement | null>(null);
|
||||
|
||||
const [activeIndex, setActiveIndex] = useState<number>(-1);
|
||||
const resultListRef = useRef<HTMLDivElement | null>(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 (
|
||||
<div className="search relative">
|
||||
<input
|
||||
ref={inputRef}
|
||||
type="text"
|
||||
placeholder={formatMessage({ defaultMessage: "Search", id: "xmcVZ0" })}
|
||||
className="w-max"
|
||||
|
Loading…
Reference in New Issue
Block a user