From 96629cfb43cdf71e56f21362fcfbd0c28bf48524 Mon Sep 17 00:00:00 2001 From: thisagi <106305548+thisagi@users.noreply.github.com> Date: Tue, 5 Nov 2024 18:34:42 +0900 Subject: [PATCH 1/3] feat: login screen design --- app/components/LogginCard.tsx | 3 +-- app/routes/_index/SignUp.tsx | 9 ++++----- app/routes/_index/route.tsx | 1 - public/logo.svg | 1 + 4 files changed, 6 insertions(+), 8 deletions(-) create mode 100644 public/logo.svg diff --git a/app/components/LogginCard.tsx b/app/components/LogginCard.tsx index 569a3fd..553cbe8 100644 --- a/app/components/LogginCard.tsx +++ b/app/components/LogginCard.tsx @@ -1,5 +1,4 @@ -import { Slot } from "@radix-ui/react-slot"; -import React, { type ComponentPropsWithRef, forwardRef } from "react"; +import { type ComponentPropsWithRef, forwardRef } from "react"; import { cn } from "~/libs/utils"; import { Button } from "./Button"; import { Card } from "./Card"; diff --git a/app/routes/_index/SignUp.tsx b/app/routes/_index/SignUp.tsx index 1b84267..b8f4eff 100644 --- a/app/routes/_index/SignUp.tsx +++ b/app/routes/_index/SignUp.tsx @@ -1,7 +1,6 @@ import type { ReactNode } from "react"; import { type SubmitHandler, useForm } from "react-hook-form"; -import { Button } from "~/components/Button"; -import { Input } from "~/components/Input"; +import { LogginCard } from "~/components/LogginCard"; import { supabase } from "~/libs/supabase"; interface FormData { @@ -27,10 +26,10 @@ export function SignUp(): ReactNode { return (
- - + logo Icon +
); } diff --git a/app/routes/_index/route.tsx b/app/routes/_index/route.tsx index 9ad258d..c047c94 100644 --- a/app/routes/_index/route.tsx +++ b/app/routes/_index/route.tsx @@ -16,7 +16,6 @@ export default function Page() { style={{ viewTransitionName: "main" }} >
- ホーム {myProfile ? ( ) : ( diff --git a/public/logo.svg b/public/logo.svg new file mode 100644 index 0000000..0bc26d8 --- /dev/null +++ b/public/logo.svg @@ -0,0 +1 @@ + From ac76a88edbc480ed34fb92536be3d04d989c1de6 Mon Sep 17 00:00:00 2001 From: thisagi <106305548+thisagi@users.noreply.github.com> Date: Tue, 5 Nov 2024 18:41:29 +0900 Subject: [PATCH 2/3] fix: lint --- app/routes/_index/SignUp.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/routes/_index/SignUp.tsx b/app/routes/_index/SignUp.tsx index b8f4eff..d5b8658 100644 --- a/app/routes/_index/SignUp.tsx +++ b/app/routes/_index/SignUp.tsx @@ -29,7 +29,7 @@ export function SignUp(): ReactNode { className="grid justify-items-center gap-8" > logo Icon - + ); } From 140b6726f9829f81a1e113466738439f7c7a5e28 Mon Sep 17 00:00:00 2001 From: thisagi <106305548+thisagi@users.noreply.github.com> Date: Tue, 5 Nov 2024 18:44:47 +0900 Subject: [PATCH 3/3] fix: svg alt --- app/routes/_index/SignUp.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/routes/_index/SignUp.tsx b/app/routes/_index/SignUp.tsx index d5b8658..bf28c4c 100644 --- a/app/routes/_index/SignUp.tsx +++ b/app/routes/_index/SignUp.tsx @@ -28,7 +28,7 @@ export function SignUp(): ReactNode { onSubmit={handleSubmit(onSubmit)} className="grid justify-items-center gap-8" > - logo Icon + RicoShot );