From 5b18fa2bd22662bf091315ecbbad60c62c6de25e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=92=D0=B8=D1=82=D0=B0=D0=BB=D0=B8=D0=B9=20=D0=9B=D0=B0?=
 =?UTF-8?q?=D0=B2=D1=88=D0=BE=D0=BD=D0=BE=D0=BA?=
 <114582703+valavshonok@users.noreply.github.com>
Date: Sun, 26 Oct 2025 07:21:55 +0300
Subject: [PATCH] login google logo

---
 src/components/button/PrimaryButton.tsx   |  8 +++++---
 src/components/button/SecondaryButton.tsx |  9 ++++++---
 src/views/home/auth/Login.tsx             | 11 ++++++++---
 src/views/home/auth/Register.tsx          |  9 +++++++--
 4 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/src/components/button/PrimaryButton.tsx b/src/components/button/PrimaryButton.tsx
index a90b90f..02e01c7 100644
--- a/src/components/button/PrimaryButton.tsx
+++ b/src/components/button/PrimaryButton.tsx
@@ -6,6 +6,7 @@ interface ButtonProps {
   text?: string;
   className?: string;
   onClick: () => void;
+  children?: React.ReactNode;
 }
 
 export const PrimaryButton: React.FC<ButtonProps> = ({
@@ -13,6 +14,7 @@ export const PrimaryButton: React.FC<ButtonProps> = ({
   text = "",
   className,
   onClick,
+  children,
 }) => {
   return (
     <label
@@ -40,7 +42,7 @@ export const PrimaryButton: React.FC<ButtonProps> = ({
             "[&:focus-visible+*]:outline-liquid-brightmain",
           )}
           disabled={disabled}
-          onClick={() => {onClick()}}
+          onClick={() => { onClick() }}
         />
 
         {/* Граница при выделении через tab */}
@@ -51,7 +53,7 @@ export const PrimaryButton: React.FC<ButtonProps> = ({
             "px-[16px] py-[8px]",
           )}
         >
-          {text}
+          {children || text}
         </div>
         <div
           className={cn(
@@ -60,7 +62,7 @@ export const PrimaryButton: React.FC<ButtonProps> = ({
             disabled && "text-liquid-light"
           )}
         >
-          {text}
+          {children || text}
         </div>
       </div>
     </label>
diff --git a/src/components/button/SecondaryButton.tsx b/src/components/button/SecondaryButton.tsx
index 244809f..fb92feb 100644
--- a/src/components/button/SecondaryButton.tsx
+++ b/src/components/button/SecondaryButton.tsx
@@ -6,6 +6,8 @@ interface ButtonProps {
   text?: string;
   className?: string;
   onClick: () => void;
+  children?: React.ReactNode;
+
 }
 
 export const SecondaryButton: React.FC<ButtonProps> = ({
@@ -13,6 +15,7 @@ export const SecondaryButton: React.FC<ButtonProps> = ({
   text = "",
   className,
   onClick,
+  children,
 }) => {
   return (
     <label
@@ -39,7 +42,7 @@ export const SecondaryButton: React.FC<ButtonProps> = ({
             "[&:focus-visible+*]:outline-liquid-brightmain",
           )}
           disabled={disabled}
-          onClick={() => {onClick()}}
+          onClick={() => { onClick() }}
         />
 
         {/* Граница при выделении через tab */}
@@ -50,7 +53,7 @@ export const SecondaryButton: React.FC<ButtonProps> = ({
             "px-[16px] py-[8px]",
           )}
         >
-          {text}
+          {children || text}
         </div>
         <div
           className={cn(
@@ -58,7 +61,7 @@ export const SecondaryButton: React.FC<ButtonProps> = ({
             disabled && "text-liquid-light"
           )}
         >
-          {text}
+          {children || text}
         </div>
       </div>
     </label>
diff --git a/src/views/home/auth/Login.tsx b/src/views/home/auth/Login.tsx
index b1803be..ab68f3b 100644
--- a/src/views/home/auth/Login.tsx
+++ b/src/views/home/auth/Login.tsx
@@ -8,6 +8,7 @@ import { cn } from "../../../lib/cn";
 import { setMenuActivePage } from "../../../redux/slices/store";
 import { Balloon } from "../../../assets/icons/auth";
 import { SecondaryButton } from "../../../components/button/SecondaryButton";
+import { googleLogo } from "../../../assets/icons/input";
 
 const Login = () => {
   const dispatch = useAppDispatch();
@@ -82,9 +83,13 @@ const Login = () => {
             />
             <SecondaryButton
               className="w-full"
-              onClick={navigateToRegister}
-              text="Войти с Google  "
-            />
+              onClick={() => { }}
+            >
+              <div className="flex items-center">
+                <img src={googleLogo} className="h-[24px] w-[24px] mr-[15px]" />
+                Вход с Google
+              </div>
+            </SecondaryButton>
           </div>
 
 
diff --git a/src/views/home/auth/Register.tsx b/src/views/home/auth/Register.tsx
index fe9bdac..6b54028 100644
--- a/src/views/home/auth/Register.tsx
+++ b/src/views/home/auth/Register.tsx
@@ -10,6 +10,7 @@ import { Balloon } from "../../../assets/icons/auth";
 import { Link } from "react-router-dom";
 import { SecondaryButton } from "../../../components/button/SecondaryButton";
 import { Checkbox } from "../../../components/checkbox/Checkbox";
+import { googleLogo } from "../../../assets/icons/input";
 
 
 const Register = () => {
@@ -95,8 +96,12 @@ const Register = () => {
             <SecondaryButton
               className="w-full"
               onClick={() => { }}
-              text="Регистрация с Google  "
-            />
+            >
+              <div className="flex items-center">
+                <img src={googleLogo} className="h-[24px] w-[24px] mr-[15px]" />
+                Регистрация с Google
+              </div>
+            </SecondaryButton>
           </div>