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 = ({ @@ -13,6 +14,7 @@ export const PrimaryButton: React.FC = ({ text = "", className, onClick, + children, }) => { return ( 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 = ({ @@ -13,6 +15,7 @@ export const SecondaryButton: React.FC = ({ text = "", className, onClick, + children, }) => { return ( 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 = () => { /> + onClick={() => { }} + > +
+ + Вход с Google +
+
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 = () => { { }} - text="Регистрация с Google " - /> + > +
+ + Регистрация с Google +
+