CT/T-Embleme ergänzt, kein Verbindungshinweis beim ersten Laden
This commit is contained in:
1 parent
7be0d85ab5
commit
db4a6bedf7
4 files changed
+3
-2
No files matched your search
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
@@ -12,7 +12,8 @@ export function getSocket() {
|
|||||||
export function useMatch(matchId, token) {
|
export function useMatch(matchId, token) {
|
||||||
const [state, setState] = useState(null);
|
const [state, setState] = useState(null);
|
||||||
const [error, setError] = useState(null);
|
const [error, setError] = useState(null);
|
||||||
const [connected, setConnected] = useState(false);
|
// null = Verbindung wird erstmals aufgebaut (kein Hinweis), false = Verbindung abgerissen
|
||||||
|
const [connected, setConnected] = useState(null);
|
||||||
const tokenRef = useRef(token);
|
const tokenRef = useRef(token);
|
||||||
tokenRef.current = token;
|
tokenRef.current = token;
|
||||||
|
|
||||||
|
|||||||
@@ -76,7 +76,7 @@ export default function MatchPage() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="match">
|
<div className="match">
|
||||||
{!connected && <div className="reconnect">Verbindung unterbrochen – stelle wieder her …</div>}
|
{connected === false && <div className="reconnect">Verbindung unterbrochen – stelle wieder her …</div>}
|
||||||
{toast && <div className={`toast toast-${toast.tone}`} role="status">{toast.text}</div>}
|
{toast && <div className={`toast toast-${toast.tone}`} role="status">{toast.text}</div>}
|
||||||
|
|
||||||
<header className="match-head">
|
<header className="match-head">
|
||||||
|
|||||||
Reference in new issue
Block a user