From 16bb467bcdf109cf7bdb2eee74e781e5c5150559 Mon Sep 17 00:00:00 2001
From: Martin Berka <martin.berka@radbuza.net>
Date: Fri, 2 Jun 2023 20:07:14 +0200
Subject: [PATCH] =?UTF-8?q?P=C5=99epracov=C3=A1n=C3=AD=20loginu=20p=C5=99e?=
 =?UTF-8?q?s=20ref?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/Login.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/client/src/Login.tsx b/client/src/Login.tsx
index 78c8ed4..9d12aa0 100644
--- a/client/src/Login.tsx
+++ b/client/src/Login.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useRef } from 'react';
 import { Button } from 'react-bootstrap';
 import { useAuth } from './context/auth';
 import './Login.css';
@@ -8,16 +8,17 @@ import './Login.css';
  */
 export default function Login() {
   const auth = useAuth();
-  const [loginName, setLoginName] = useState<string>('');
+  const loginRef = useRef<HTMLInputElement>(null);
 
   if (!auth || !auth.login) {
     return <div className='login'>
       <div className='login-inner'>
         <p style={{ fontSize: "12px", marginTop: "10px" }}>Zobrazované jméno by mělo být ideálně vaše jméno a příjmení, nebo přezdívka, pod kterou vás kolegové dokážou snadno identifikovat. Jméno lze kdykoliv upravit/smazat v local storage prohlížeče.<br />PS: Enter nefunguje</p>
-        Zobrazované jméno: <input style={{ marginTop: "10px" }} onChange={(e) => setLoginName(e.target.value)} type='text' />
+        Zobrazované jméno: <input style={{ marginTop: "10px" }} ref={loginRef} type='text' />
         <Button onClick={() => {
-          if (loginName?.length > 0) {
-            auth?.setLogin(loginName);
+          // Netuším proč mě TypeScript seřve když se to pokusím zchainovat dohromady
+          if (loginRef?.current?.value && loginRef?.current?.value.length > 0) {
+            auth?.setLogin(loginRef.current.value);
           }
         }} style={{ marginTop: "20px" }}>Uložit</Button>
       </div>