From e264bb407b77f13793ca290ec0c74765f0dd9489 Mon Sep 17 00:00:00 2001 From: MartinBraquet Date: Thu, 11 Sep 2025 13:14:20 +0200 Subject: [PATCH] Improve sign in / up UI --- web/components/buttons/sign-up-button.tsx | 39 ++++++++++++++++++++--- web/pages/_document.tsx | 2 +- web/pages/register.tsx | 25 ++++++--------- web/pages/signin.tsx | 24 ++++++-------- web/styles/globals.css | 4 +++ 5 files changed, 57 insertions(+), 37 deletions(-) diff --git a/web/components/buttons/sign-up-button.tsx b/web/components/buttons/sign-up-button.tsx index 67eee9e3..b8ed7fcc 100644 --- a/web/components/buttons/sign-up-button.tsx +++ b/web/components/buttons/sign-up-button.tsx @@ -1,12 +1,15 @@ import clsx from 'clsx' -import { firebaseLogin } from 'web/lib/firebase/users' -import { Button } from './button' -import { Col } from '../layout/col' -import { Row } from 'web/components/layout/row' +import {firebaseLogin} from 'web/lib/firebase/users' +import {Button} from './button' +import {Col} from '../layout/col' +import {Row} from 'web/components/layout/row' + +import {ButtonHTMLAttributes} from "react" +import {FcGoogle} from "react-icons/fc" export const SidebarSignUpButton = (props: { className?: string }) => { - const { className } = props + const {className} = props return ( @@ -43,3 +46,29 @@ export const GoogleSignInButton = (props: { onClick: () => any }) => { ) } + +type GoogleButtonProps = { + onClick: () => void + isLoading?: boolean +} & ButtonHTMLAttributes + +export function GoogleButton({onClick, isLoading = false, ...props}: GoogleButtonProps) { + return ( + + ) +} + diff --git a/web/pages/_document.tsx b/web/pages/_document.tsx index 8d90e9d4..55afc42b 100644 --- a/web/pages/_document.tsx +++ b/web/pages/_document.tsx @@ -9,7 +9,7 @@ export default function Document() {