From 2651daaad156bdbb9a2c99d26898b8e6cec84435 Mon Sep 17 00:00:00 2001
From: TkymHrt <23.h.takayama.nutfes@gmail.com>
Date: Fri, 15 Nov 2024 22:25:03 +0900
Subject: [PATCH] =?UTF-8?q?[feat]=20=E3=82=A4=E3=83=B3=E3=83=9D=E3=83=BC?=
 =?UTF-8?q?=E3=83=88=E3=81=AE=E8=AA=BF=E6=95=B4=E3=81=A8=E3=83=AA=E3=83=95?=
 =?UTF-8?q?=E3=82=A1=E3=82=AF=E3=82=BF=E3=83=AA=E3=83=B3=E3=82=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/app/user/page.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/src/app/user/page.tsx b/app/src/app/user/page.tsx
index 2daca6a..e16a499 100644
--- a/app/src/app/user/page.tsx
+++ b/app/src/app/user/page.tsx
@@ -17,7 +17,6 @@ const UserPage = () => {
 	const [myScore, setMyScore] = useState<MyScoreDetail[]>([]);
 	const [isEditing, setIsEditing] = useState(false);
 	const [isOpen, setIsOpen] = useStatusChangeDialog();
-	const handleOpenDialog = () => setIsOpen(true);
 
 	useEffect(() => {
 		const fetchData = async () => {
@@ -49,7 +48,7 @@ const UserPage = () => {
 	if (!userData) return null;
 	return (
 		<div className="w-screen min-h-screen flex flex-col gap-4 items-center p-4 pt-10 bg-gradient-to-t from-gray-300 via-gray-200 to-gray-50">
-			{isOpen && <StatusChangeDialog />}
+			<StatusChangeDialog />
 			<div className="flex items-center mb-4">
 				{userData.photoURL ? (
 					<img
@@ -112,9 +111,11 @@ const UserPage = () => {
 					<p className="text-xs text-muted-foreground">最高点</p>
 				</Card>
 			</div>
-			<button type="button" onClick={() => handleOpenDialog()}>
-				<StatusList speedPoint={10} similarityPoint={40} />
-			</button>
+			<StatusList
+				speedPoint={10}
+				similarityPoint={40}
+				onClick={() => setIsOpen(true)}
+			/>
 			<Card className="flex flex-col items-center border-none p-8">
 				<h2 className="text-2xl font-bold mb-4">過去のチャレンジ</h2>
 				{myScore.length === 0 ? (