From 02ebf8aa0780be56ad7111278aed6b16064e2788 Mon Sep 17 00:00:00 2001
From: smanylov <bio29s@mail.ru>
Date: Fri, 19 Dec 2025 16:20:57 +0700
Subject: [PATCH] make label part of checkbox

---
 src/app/ui/forms/login-form.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/ui/forms/login-form.tsx b/src/app/ui/forms/login-form.tsx
index b6ca382..ca03334 100644
--- a/src/app/ui/forms/login-form.tsx
+++ b/src/app/ui/forms/login-form.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import styles from '@/app/styles/login.module.scss'
-import { useActionState, useState } from 'react';
+import { useActionState, useState, useRef } from 'react';
 import { authorization } from '@/app/actions/auth';
 import { useTranslations } from 'next-intl';
 import { IconEye } from '@/app/ui/icons/icons';
@@ -27,6 +27,8 @@ export default function LoginForm() {
 		setShowPassword(false);
 	}
 
+	const checkBoxRememberMe = useRef<HTMLInputElement>(null);
+
 	return (
 		<form action={formAction}>
 			<div className={`${styles['form-group']}`}>
@@ -82,8 +84,15 @@ export default function LoginForm() {
 			)}
 			<div className={`${styles['form-options']}`}>
 				<div className={`${styles['form-checkbox']}`}>
-					<input type="checkbox" id="remember" name="remember" />
-					<label>
+					<input type="checkbox" id="remember" name="remember" ref={checkBoxRememberMe} />
+					<label
+						onClick={() => {
+							if (checkBoxRememberMe.current) {
+								checkBoxRememberMe.current.click();
+							}
+						}}
+						className="select-none"
+					>
 						{t('remember-me')}
 					</label>
 				</div>