From fe956513f22122206b9a7f8baf733786814b448b Mon Sep 17 00:00:00 2001
From: FlorianSpeicher <flo200538@gmail.com>
Date: Wed, 18 Jun 2025 14:34:37 +0200
Subject: [PATCH] Add login with enter button

---
 00-backend/datasource/database.sqlite         | Bin 27684864 -> 27684864 bytes
 01-frontend/src/helper/navbar/LoginDialog.tsx | 284 +++++++++---------
 2 files changed, 146 insertions(+), 138 deletions(-)

diff --git a/00-backend/datasource/database.sqlite b/00-backend/datasource/database.sqlite
index 04a4ca37a9fe296948adce62668b00e01fb6ebea..8c4c602494946b94ab9ee471a2535ceea00f2000 100644
GIT binary patch
delta 2287
zcmZA1RbZ869LI6afzju@u!bE*bLb65jAo;|yB@kbq&MOrHo6CFFhWpjsDvURDk>6+
zAVWk!QAAM@R1iV@{&u;G&-dc_UH#vSH}Q6gClRY6T#r`!nz$a#GuF7Qaa)tqnq1Zd
zSd-hDJl5p3CZ9F=ttntlL2EqLc&%})DP&DyYXYqavL@J?5NkrM39}~Lnj+Q|wI;$E
zpEbp-iL|D;H6^SmX-z3>N?TLLnzGiEJ7WC14&@B@L~qQK;V<L4>pADy>q+vA@wE3u
zAB)ZKKP{Nx3lGRqIl$FDEc0|ieEa!}y7ahnrSFrMu8n(wR|dI#VOeXlnAnsP`{I(;
z6h2!eeaHADt&!c`zR;|7Vq<^QjOh5eTPN)I+;S~l#9C-vpxYOcwO;Cf?Sj*&?ZLFG
zsn1$HjU2}6+%Dqw1!t{YqEEg!{`h?Sz~nu5Gb=b5BQ@u)?e+y_&D-v+X>g-kiyUhQ
zTy*X)i@D6|%}jUu0<+eL=d+TB_~SfFPNk*BwTKC0bsydBKIT5<ce`tZd-LURiaO)G
zi=6}Be%?s$R&PG%x;Mr->nw0Kd2f0rIRW0oPE+TB)60qSw)8&qo;wzM#(&L|ko{|f
z2j{Hp%Kj0;^qBqjP(5ZpIYf`y4-M91_WOeL7~y2QYw?y#ew0TAR753IMio>=6rxcL
z)e(alsEJyrjabw{UDQK;G(bZ%LSw`s9!<~`&Cnbz&=RfC8g0-P?a&?_&=H-`8C}p7
z-OwF9&=bAT8-36h{m>r+U@#DaFc?EH6vHqaBQO%9FdAbp7UM7;6EG2zFd0)Y71Qtv
zreg+XVism&4(1{OiI|7^Sb&AFScJt`f~818GL~UER$wJoVKvrZE!JT@Hee$*AqAVU
z1zVAdG;G6mq+<tmVi$JfRqVlDyoT4Y5BqTd2XP1)IE**&Cf>pk9K|sl$J=-ZC-5##
z;uKEf4Bo?8ypIp?A<p3=e2h<U9-ra@F5(g{<1>7YEBFFeaSdPMIx=wsU*RUc#w~n<
zZ*d!U@EyL#UHpI_aSuP?K7Ph8cz|E=8-B+_{DDV!j6d-g{>BqL#Xoq4fAJhI@E=|#
zZ@J`J3B|4CRB|Z+N^T{Ol2^&6<W~wP1r?9tRUD;|QdkL8f|Ot-L<v>GlyIepQdEgh
zd`dATQYo&KP)aJLl+sEWrL0m;@hjz(3Q9$#l2TczqEuC)lxU@zQeBBrYA7|8T1sst
zR;i=ZRq84Al?F;frIFHDiBsa0CQ4JKnbKTop|n(5DXo<@N?WC!(q8GHbW}Pios}+1
zSEZZMUFo6pRC+1Bl|D*erJvGY8K4+tpfX4qtPD|xD#MiF$_QnoGD;b(j8Voa<CO8r
z1ZAQ!NtvunQKl->lvkAL$_!<uGE14Q%u(hl2}+_ePnoYQP!=jyS)?phmMBY=Bqdo{
zrYu)hC@Ym!%4%hevQ}BAtXDQD8<kB;in3YRqHI-Cl{96WvRz46b|^cQU9Qvoqg+GN
F{|5*xY(4-0

delta 2287
zcmZA1XLQYX9LI4tTwL6Hg-9aTURNTBz4uBGd(WRujM&7A^)rK*L1NRYR?${(hoY)V
zjcSX~Xsf6WTDnwQ)xJMDJ$;Y|ulIxB=h654&-u^4wZ%OjsXoX3wIy0P?k_ObIIIb>
zCbu<ttZ`bC*P49R<hRCUO#y2PT2sgxw>2JXyw()9CfJ%H))ciS#F}E(gjy43O}I71
zt%<P4XH5xfN?KFOn$p&kv8Jpw<*X@hO$BQzT2tw$@$Ws9JJ=JHmhZ5?g8Q-ihWnU%
zhkK!WggZ7+|FHi_p=77)X?%LKXE$P<sShr-4Xkno9BC`6KJ4HNcjk(Ax?&bj3~~ix
zZ?7AcdH+%Mqo*_`)$xU8kCiUmjA|IsV#v14<q2EsUf<6ceI?5mnmxvPla`d)9oI7b
z`1!m2N*;>I9`pK&WskG{qwWNf<7WlBUrWr@?W*ShYt)#jzL4xSIK{pH{N+|>H+0(<
zHzjV_J&j$P_=;wa2P&R>IwPWEtxb`I6Y}=C;n5gf#aASI3_sob+2}yfaeq)y?O;zv
zE^mZ)g7=^&!<*?n<z3|6?8)*vJx9E)y$`&7z12OBJZB2z@nq$@=xSHsn#WaeUZDO-
z|5bN#&a1;iaz{IIUK^&zoL7eG@&D`oJFb`>a~>6<$DGF$)nm9<S0u*Arnt5zMlQ`<
zy)^xjAC(b_C{#f-s-haIBL+246SYtqbx;@eP#+D@5RK3nP0$q0&>St$60Oi0ZO|6&
z5Q{jpM+bC7JUXE>x}Yn%p*wn@Cwieb`k*iRp+5#-AO>MD42EDRhG95HU?fIiG{ztS
zV=)fnF#(B~h)I}?DVU0Bn2s5ki6qRzY|O!2%tJEfV*wUo5f;N@36^3RmSY80A_c3U
z@3RJ}Sc`R7j}6#}O-RFLY{6EfBLmy89XqfSyRaL3uowIA9G=I1ynq9E5ij8&UdACD
z#u2=NSMeH-;&lY@2HwP5cpJy?4vymlPU2mh!h1N4_i+Xv;4IGJL!8G2T*M`Ogv<CC
zpWstm!Bt#CCa&WKK0_96;&Xg~FL4WB;WqBzF22S+e1mWC9lpnXJirh55fAYQKjCNm
zf?x3)9^-dB!5{b&f8i<q#xwl0GX0Wc4U`}yw~|M3DtVQBN`A$q6i^B(g%r2qQM^iF
zC0Hq<6jef$VoInIri3fSl?cVBlu$}4rIgZ28KtaJPARWcP%0{w6u(kgiBzJLDoV6c
zRjH;_S7MYJN=>DfQd_B`)K%&!^_2!nL#2_@SZSg(RhlWyl@>}%rIpfJX`{4N+9|P0
zoYG$DpmbE?l}<`$rHj&4>85m7dMG`WUP^DJkJ4A^r}S3_C<B#2%3#GPLzJP)FlD$h
zLK&%yQbsFdlmun0GENz<Oi&V)iOM8pvNA=Ps!UU+D>IatN|G{5nXSxG<|^})WM#gx
zKv}3PQWh&#S)wdemMP1X70OB_MOme+R@Nw~%35WevR>JsY*aQWY0740i?UToS2C1s
Z%64UkvQycm>{j+DdmShEM>$69`WNInZan}1

diff --git a/01-frontend/src/helper/navbar/LoginDialog.tsx b/01-frontend/src/helper/navbar/LoginDialog.tsx
index 0eaaa4c..3b3fcfa 100644
--- a/01-frontend/src/helper/navbar/LoginDialog.tsx
+++ b/01-frontend/src/helper/navbar/LoginDialog.tsx
@@ -100,146 +100,154 @@ const LoginDialog: React.FC<LoginDialogProps> = ({ open, onClose, loginData, set
 
     return (
         <Dialog open={open} onClose={onClose} disableEnforceFocus>
-            <DialogTitle>{showRegister ? t("register") : t("login")}</DialogTitle>
-            <DialogContent>
-                {showRegister ? (
-                    <>
-                        <TextField
-                            margin="dense"
-                            label={t("email")}
-                            type="email"
-                            fullWidth
-                            value={registerData.email}
-                            onChange={e => setRegisterData(prev => ({ ...prev, email: e.target.value }))}
-                        />
-                        <TextField
-                            margin="dense"
-                            label={t("password")}
-                            type="password"
-                            fullWidth
-                            value={registerData.password}
-                            onChange={e => setRegisterData(prev => ({ ...prev, password: e.target.value }))}
-                        />
-                        <TextField
-                            margin="dense"
-                            label={t("firstName")}
-                            type="text"
-                            fullWidth
-                            value={registerData.customer.name}
-                            onChange={e => setRegisterData(prev => ({
-                                ...prev,
-                                customer: { ...prev.customer, name: e.target.value },
-                            }))}
-                        />
-                        <TextField
-                            margin="dense"
-                            label={t("lastName")}
-                            type="text"
-                            fullWidth
-                            value={registerData.customer.surname}
-                            onChange={e => setRegisterData(prev => ({
-                                ...prev,
-                                customer: { ...prev.customer, surname: e.target.value },
-                            }))}
-                        />
-                        <TextField
-                            margin="dense"
-                            label={t("address")}
-                            type="text"
-                            fullWidth
-                            value={registerData.customer.address}
-                            onChange={e => setRegisterData(prev => ({
-                                ...prev,
-                                customer: { ...prev.customer, address: e.target.value },
-                            }))}
-                        />
-                        <TextField
-                            margin="dense"
-                            label={t("country")}
-                            type="text"
-                            fullWidth
-                            value={registerData.customer.country}
-                            onChange={e => setRegisterData(prev => ({
-                                ...prev,
-                                customer: { ...prev.customer, country: e.target.value },
-                            }))}
-                        />
-                        <TextField
-                            margin="dense"
-                            label={t("zip")}
-                            type="text"
-                            fullWidth
-                            value={registerData.customer.zip}
-                            onChange={e => setRegisterData(prev => ({
-                                ...prev,
-                                customer: { ...prev.customer, zip: e.target.value },
-                            }))}
-                        />
-                    </>
-                ) : (
-                    <>
-                        <TextField
-                            margin="dense"
-                            label={t("email")}
-                            type="email"
-                            fullWidth
-                            value={loginData.email}
-                            onChange={e => setLoginData(prev => ({ ...prev, email: e.target.value }))}
-                        />
-                        <TextField
-                            margin="dense"
-                            label={t("password")}
-                            type="password"
-                            fullWidth
-                            value={loginData.password}
-                            onChange={e => setLoginData(prev => ({ ...prev, password: e.target.value }))}
-                        />
-                    </>
+            <form onSubmit={e => {
+                e.preventDefault();
+                if (showRegister){
+                    handleLogin();
+                }else {
+                    handleRegister();
+                }}} noValidate>
+                <DialogTitle>{showRegister ? t("register") : t("login")}</DialogTitle>
+                <DialogContent>
+                    {showRegister ? (
+                        <>
+                            <TextField
+                                margin="dense"
+                                label={t("email")}
+                                type="mail"
+                                fullWidth
+                                value={registerData.email}
+                                onChange={e => setRegisterData(prev => ({ ...prev, email: e.target.value }))}
+                            />
+                            <TextField
+                                margin="dense"
+                                label={t("password")}
+                                type="password"
+                                fullWidth
+                                value={registerData.password}
+                                onChange={e => setRegisterData(prev => ({ ...prev, password: e.target.value }))}
+                            />
+                            <TextField
+                                margin="dense"
+                                label={t("firstName")}
+                                type="text"
+                                fullWidth
+                                value={registerData.customer.name}
+                                onChange={e => setRegisterData(prev => ({
+                                    ...prev,
+                                    customer: { ...prev.customer, name: e.target.value },
+                                }))}
+                            />
+                            <TextField
+                                margin="dense"
+                                label={t("lastName")}
+                                type="text"
+                                fullWidth
+                                value={registerData.customer.surname}
+                                onChange={e => setRegisterData(prev => ({
+                                    ...prev,
+                                    customer: { ...prev.customer, surname: e.target.value },
+                                }))}
+                            />
+                            <TextField
+                                margin="dense"
+                                label={t("address")}
+                                type="text"
+                                fullWidth
+                                value={registerData.customer.address}
+                                onChange={e => setRegisterData(prev => ({
+                                    ...prev,
+                                    customer: { ...prev.customer, address: e.target.value },
+                                }))}
+                            />
+                            <TextField
+                                margin="dense"
+                                label={t("country")}
+                                type="text"
+                                fullWidth
+                                value={registerData.customer.country}
+                                onChange={e => setRegisterData(prev => ({
+                                    ...prev,
+                                    customer: { ...prev.customer, country: e.target.value },
+                                }))}
+                            />
+                            <TextField
+                                margin="dense"
+                                label={t("zip")}
+                                type="text"
+                                fullWidth
+                                value={registerData.customer.zip}
+                                onChange={e => setRegisterData(prev => ({
+                                    ...prev,
+                                    customer: { ...prev.customer, zip: e.target.value },
+                                }))}
+                            />
+                        </>
+                    ) : (
+                        <>
+                            <TextField
+                                margin="dense"
+                                label={t("email")}
+                                type="email"
+                                fullWidth
+                                value={loginData.email}
+                                onChange={e => setLoginData(prev => ({ ...prev, email: e.target.value }))}
+                            />
+                            <TextField
+                                margin="dense"
+                                label={t("password")}
+                                type="password"
+                                fullWidth
+                                value={loginData.password}
+                                onChange={e => setLoginData(prev => ({ ...prev, password: e.target.value }))}
+                            />
+                        </>
+                    )}
+                </DialogContent>
+                <DialogActions>
+                    <Button onClick={onClose}>{t("cancel")}</Button>
+                    {showRegister ? (
+                        <Button onClick={handleRegister} disabled={isLoadingRegister}>
+                            {isLoadingRegister ? t("loading") : t("register")}
+                        </Button>
+                    ) : (
+                        <Button onClick={handleLogin} disabled={isLoadingLogin}>
+                            {isLoadingLogin ? t("loading") : t("login")}
+                        </Button>
+                    )}
+                </DialogActions>
+                {showErrorLogin && errorLogin && (
+                    <Box color="error.main">{t("loginFailed")}</Box>
                 )}
-            </DialogContent>
-            <DialogActions>
-                <Button onClick={onClose}>{t("cancel")}</Button>
-                {showRegister ? (
-                    <Button onClick={handleRegister} disabled={isLoadingRegister}>
-                        {isLoadingRegister ? t("loading") : t("register")}
-                    </Button>
-                ) : (
-                    <Button onClick={handleLogin} disabled={isLoadingLogin}>
-                        {isLoadingLogin ? t("loading") : t("login")}
-                    </Button>
+                {showErrorRegister && errorRegister !== null && (
+                    <Box color="error.main">{t("registerFailed")}</Box>
                 )}
-            </DialogActions>
-            {showErrorLogin && errorLogin && (
-                <Box color="error.main">{t("loginFailed")}</Box>
-            )}
-            {showErrorRegister && errorRegister !== null && (
-                <Box color="error.main">{t("registerFailed")}</Box>
-            )}
-            {showRegister ? (
-                <Box sx={{ width: '100%', textAlign: 'center', pb: 2 }}>
-                    <Link
-                        component="button"
-                        variant="body2"
-                        onClick={() => setShowRegister(false)}
-                        color="primary"
-                        underline="hover"
-                    >
-                        {t("backToLogin")}
-                    </Link>
-                </Box>
-            ) : (
-                <Box sx={{ width: '100%', textAlign: 'center', pb: 2 }}>
-                    <Link
-                        component="button"
-                        variant="body2"
-                        onClick={() => setShowRegister(true)}
-                        color="primary"
-                        underline="hover"
-                    >
-                        {t("noAccountRegister")}
-                    </Link>
-                </Box>
-            )}
+                {showRegister ? (
+                    <Box sx={{ width: '100%', textAlign: 'center', pb: 2 }}>
+                        <Link
+                            component="button"
+                            variant="body2"
+                            onClick={() => setShowRegister(false)}
+                            color="primary"
+                            underline="hover"
+                        >
+                            {t("backToLogin")}
+                        </Link>
+                    </Box>
+                ) : (
+                    <Box sx={{ width: '100%', textAlign: 'center', pb: 2 }}>
+                        <Link
+                            component="button"
+                            variant="body2"
+                            onClick={() => setShowRegister(true)}
+                            color="primary"
+                            underline="hover"
+                        >
+                            {t("noAccountRegister")}
+                        </Link>
+                    </Box>
+                )}
+            </form>
         </Dialog>
     );
 };