From fad76536151cd3a91538fdf76debcb8248991f29 Mon Sep 17 00:00:00 2001
From: Malaber <git@schaedler.rocks>
Date: Wed, 19 Mar 2025 22:08:09 +0100
Subject: [PATCH] Timer dedup

---
 js/components/Navigation.js | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/js/components/Navigation.js b/js/components/Navigation.js
index e6cd07f..4795fa5 100644
--- a/js/components/Navigation.js
+++ b/js/components/Navigation.js
@@ -8,6 +8,12 @@ import {logout} from '../api';
 import {notify} from 'react-notify-toast';
 import {Timer} from './Timer';
 
+const TournamentTimer = ({timerEnd, className}) => (
+    <NavbarText className={className}>
+        <span className={'hide-below-340-w'}>Spielzeit: </span><Timer timerEnd={timerEnd}/>
+    </NavbarText>
+);
+
 export class TurniereNavigation extends React.Component {
     constructor(props) {
         super(props);
@@ -26,17 +32,13 @@ export class TurniereNavigation extends React.Component {
             <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 hide-above-992-w">
-                        <span className={'hide-below-340-w'}>Spielzeit: </span><Timer timerEnd={tournament.timerEnd} />
-                    </NavbarText>
+                    <TournamentTimer timerEnd={tournament.timerEnd} className="m-auto hide-above-992-w"/>
                 }
                 <NavbarToggler onClick={this.toggle}/>
                 <Collapse isOpen={!this.state.collapsed} navbar>
                     <NavLinks/>
                     {tournament && tournament.timerEnd &&
-                        <NavbarText className="m-auto hide-below-992-w">
-                            <span className={'hide-below-340-w'}>Spielzeit: </span><Timer timerEnd={tournament.timerEnd} />
-                        </NavbarText>
+                        <TournamentTimer timerEnd={tournament.timerEnd} className="m-auto hide-below-992-w"/>
                     }
                     <div className="ms-auto">
                         <LoginLogoutButtons/>