Add simple server picker mode with version bump
This commit is contained in:
@@ -75,6 +75,7 @@ export function ServerPicker({
|
||||
onSelect,
|
||||
}) {
|
||||
const [query, setQuery] = useState('');
|
||||
const [advanced, setAdvanced] = useState(false);
|
||||
const [view, setView] = useState('all');
|
||||
const [page, setPage] = useState(0);
|
||||
const [favorites, setFavorites] = useState(() => readList(FAVORITES_KEY));
|
||||
@@ -180,8 +181,48 @@ export function ServerPicker({
|
||||
/>
|
||||
));
|
||||
|
||||
if (!advanced) {
|
||||
const simpleServers = [
|
||||
...(selected ? [selected] : []),
|
||||
...servers.filter(({ id }) => id !== selectedServerId),
|
||||
].slice(0, SERVER_RESULT_WINDOW);
|
||||
|
||||
return <section className="client-servers is-scalable" aria-label="Выберите сервер">
|
||||
{prompt && <span className="client-server-prompt">Выберите сервер</span>}
|
||||
<button
|
||||
className="client-server-mode-toggle"
|
||||
type="button"
|
||||
aria-expanded="false"
|
||||
onClick={() => setAdvanced(true)}
|
||||
>Поиск и фильтры</button>
|
||||
<div className={`client-server-scroll${leaving ? ' is-leaving' : ''}`} key={`${serverKey}:${revealVersion}`}>
|
||||
<div className="client-server-grid">
|
||||
{simpleServers.map((server, index) => <ServerRow
|
||||
key={server.id}
|
||||
server={server}
|
||||
selected={server.id === selectedServerId}
|
||||
disabled={disabled}
|
||||
index={index}
|
||||
onSelect={select}
|
||||
/>)}
|
||||
</div>
|
||||
{servers.length > simpleServers.length && <button
|
||||
className="client-server-mode-toggle"
|
||||
type="button"
|
||||
onClick={() => setAdvanced(true)}
|
||||
>Ещё {servers.length - simpleServers.length} — открыть поиск</button>}
|
||||
</div>
|
||||
</section>;
|
||||
}
|
||||
|
||||
return <section className="client-servers is-scalable" aria-label="Выберите сервер">
|
||||
{prompt && <span className="client-server-prompt">Выберите сервер</span>}
|
||||
<button
|
||||
className="client-server-mode-toggle"
|
||||
type="button"
|
||||
aria-expanded="true"
|
||||
onClick={() => setAdvanced(false)}
|
||||
>Простой список</button>
|
||||
<div className="client-server-tools">
|
||||
<input
|
||||
type="search"
|
||||
|
||||
Reference in New Issue
Block a user