maeneko
5b29993d5d
ci / check (push) Successful in 23m54s
- UI: settings tab with sections (server, API keys, Prometheus, audit, migrate, about); server settings moved there; master keys table rework (menu, chips, version, compact phone cards); three-state node version chip - I1: random per-server template (DNS / QUIC Initial / STUN) kept in users.db, GET/POST /api/masking, change from the master keys banner - Hub rejects nodes older than 0.5.0 (close 4026), /ui/nodes reports outdated - install.sh: spinner for long commands (full output in the log), step progress bar, cards; installs older than 0.5.0 require a full reinstall with data reset - Bump to Beta 0.5.0
20 lines
1.4 KiB
TypeScript
20 lines
1.4 KiB
TypeScript
// Copyright (c) 2026 Ivan Vasilev
|
|
// This source code is licensed under the MIT license found in the
|
|
// LICENSE file in the root directory of this source tree.
|
|
import { useState } from 'react';
|
|
|
|
// Заголовок-«барабан»: при смене текста старый уходит гранью барабана, новый выкатывается на его
|
|
// место. order — позиция вкладки в меню: дальше по списку — барабан крутится вверх, обратно — вниз.
|
|
// Первый показ — без анимации. Стили — App.css, «Заголовок-барабан».
|
|
export default function DrumTitle({ text, order }: { text: string; order: number }) {
|
|
const [s, setS] = useState({ text, order, from: null as string | null, up: true, n: 0 });
|
|
// Текст сменился — запоминаем прежний прямо в рендере, чтобы новый не мелькнул без анимации
|
|
if (s.text !== text) setS({ text, order, from: s.text, up: order >= s.order, n: s.n + 1 });
|
|
return (
|
|
<span key={s.n} className={`drum${s.from !== null ? ` drum--roll drum--${s.up ? 'up' : 'down'}` : ''}`}>
|
|
{s.from !== null && <span className="drum-out" aria-hidden="true">{s.from}</span>}
|
|
<span className="drum-in">{text}</span>
|
|
</span>
|
|
);
|
|
}
|