diff --git a/external/lang b/external/lang index 1c24f933..b70b4f39 160000 --- a/external/lang +++ b/external/lang @@ -1 +1 @@ -Subproject commit 1c24f933c97ee0f04fabe9b35a62719295af5cd5 +Subproject commit b70b4f395caf4dc4911c5ccbf7188de198875173 diff --git a/src/components/navigation/right/MemberSidebar.tsx b/src/components/navigation/right/MemberSidebar.tsx index cac65fe4..0f70a03a 100644 --- a/src/components/navigation/right/MemberSidebar.tsx +++ b/src/components/navigation/right/MemberSidebar.tsx @@ -23,6 +23,7 @@ import { } from "../../../context/revoltjs/hooks"; import CollapsibleSection from "../../common/CollapsibleSection"; +import Button from "../../ui/Button"; import Category from "../../ui/Category"; import InputBox from "../../ui/InputBox"; import Preloader from "../../ui/Preloader"; @@ -284,13 +285,16 @@ function Search({ channel }: { channel: string }) { if (!getState().experiments.enabled?.includes("search")) return null; const client = useContext(AppContext); + type Sort = "Relevance" | "Latest" | "Oldest"; + const [sort, setSort] = useState("Relevance"); + const [query, setV] = useState(""); const [results, setResults] = useState([]); async function search() { const data = await client.channels.searchWithUsers( channel, - { query, sort: "Relevance" }, + { query, sort }, true, ); setResults(data.messages); @@ -301,7 +305,24 @@ function Search({ channel }: { channel: string }) { sticky id="search" defaultValue={false} - summary={"Search (BETA)"}> + summary={ + <> + (BETA) + + }> +
+ {["Relevance", "Latest", "Oldest"].map((key) => ( + + ))} +
e.key === "Enter" && search()}