From e7a3abe5fd612958c87305de8b66de76c3a86a2c Mon Sep 17 00:00:00 2001
From: Malaber <git@schaedler.rocks>
Date: Wed, 19 Mar 2025 21:45:50 +0100
Subject: [PATCH] Revert "intersectionobserver shenanigang (do not work)"

This reverts commit d9f305e30b15b178617f47e73f90851a276e192c.
---
 js/components/Navigation.js | 35 ++++-------------------------------
 1 file changed, 4 insertions(+), 31 deletions(-)

diff --git a/js/components/Navigation.js b/js/components/Navigation.js
index 776f114..7a85b95 100644
--- a/js/components/Navigation.js
+++ b/js/components/Navigation.js
@@ -2,7 +2,7 @@ import {
     Button, ButtonGroup, Collapse, Nav, Navbar, NavbarBrand, NavbarText, NavbarToggler, NavItem, NavLink
 } from 'reactstrap';
 import {connect} from 'react-redux';
-import React, {useRef, useEffect, useState} from 'react';
+import React from 'react';
 
 import {logout} from '../api';
 import {notify} from 'react-notify-toast';
@@ -12,32 +12,7 @@ export class TurniereNavigation extends React.Component {
     constructor(props) {
         super(props);
         this.toggle = this.toggle.bind(this);
-        this.togglerRef = React.createRef();
-        this.state = {
-            collapsed: true,
-            isToggleVisible: true
-        };
-    }
-
-    componentDidMount() {
-        const observer = new IntersectionObserver(
-            ([entry]) => {
-                this.setState({isToggleVisible: entry.isIntersecting});
-            },
-            {threshold: 0.1}
-        );
-
-        if (this.togglerRef.current) {
-            observer.observe(this.togglerRef.current);
-        }
-
-        this.observer = observer;
-    }
-
-    componentWillUnmount() {
-        if (this.observer) {
-            this.observer.disconnect();
-        }
+        this.state = {collapsed: true};
     }
 
     toggle() {
@@ -46,18 +21,16 @@ export class TurniereNavigation extends React.Component {
 
     render() {
         const {tournament} = this.props;
-        const {isToggleVisible} = this.state;
 
         return (
             <Navbar color="light" light expand="lg" sticky="top">
                 <NavbarBrand className={'hide-below-260-w'} href="/">turnie.re</NavbarBrand>
                 {tournament && tournament.timerEnd &&
                     <NavbarText className="m-auto">
-                        <span className={'hide-below-340-w'}>Spielzeit: </span><Timer timerEnd={tournament.timerEnd}/>
+                        <span className={'hide-below-340-w'}>Spielzeit: </span><Timer timerEnd={tournament.timerEnd} />
                     </NavbarText>
                 }
-                {isToggleVisible && <NavbarText>HALLO WELT</NavbarText>}
-                <NavbarToggler ref={this.togglerRef} onClick={this.toggle}/>
+                <NavbarToggler onClick={this.toggle}/>
                 <Collapse isOpen={!this.state.collapsed} navbar>
                     <NavLinks/>
                     <div className="ms-auto">