Merge pull request #104 from kc3hack/FE-79

Fe 79

Author: kubodayo

frontend/public/chaShibaki.gif

@@ -85,12 +85,23 @@ export default function ResultButtons({
 						"color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease",
 				}}
 			>
-				{isBookmarked ? (
-					<FavoriteIcon fontSize="medium" />
+				{isAnimating ? (
+					<img 
+						src={`/chaShibaki.gif?t=${Date.now()}`} 
+						alt="ええやん" 
+						style={{ width: "40px", height: "40px", objectFit: "contain" }} 
+					/>
 				) : (
-					<FavoriteBorderIcon fontSize="medium" />
-				)}
-				<span>ええやん</span>
+					<img 
+						src="/chashibaki.png" 
+						alt="ちゃしばき済" 
+						style={{ width: "40px", height: "40px", objectFit: "contain" }} 
+					/>
+                )}
+				<span>
+					ええやん
+				</span>
+
 			</Button>
 
 			<Button

frontend/src/Result/Components/ResultButtons.tsx

@@ -32,15 +32,15 @@ export default function ResultOverlay({
 	const handleShare = () => setIsShareOpen(true);
 	const handleBookmarkAndShare = () => {
 		onBookmark();
-		handleShare();
+		// handleShare();
 	};
 
 	return (
-		<button
+		<div
 			className="overlay"
 			onClick={onClose}
 			onKeyDown={(e) => e.key === "Escape" && onClose}
-			type="button"
+			// type="button"
 			tabIndex={0}
 		>
 			{!isGivenUp && <ThanksConfetti />}
@@ -78,6 +78,6 @@ export default function ResultOverlay({
 			{isShareOpen && (
 				<ShareModal gameId={gameId} onClose={() => setIsShareOpen(false)} />
 			)}
-		</button>
+		</div>
 	);
 }

frontend/src/Result/Components/ResultOverlay.tsx

@@ -251,18 +251,26 @@ function Solo() {
 		if (!isBookmarked) {
 			setIsAnimating(true);
 			setIsBookmarked(true);
-			try {
-				await fetch(`/api/solo/${gameId ?? 0}/bookmark`, { method: "POST" });
-			} catch (e) {
-				console.error("ブックマーク登録に失敗しました:", e);
-				setIsBookmarked(false);
-			}
-			setTimeout(() => setIsAnimating(false), 600);
+			const postBookmark = async () => {
+				try {
+					const res = await fetch(`/api/solo/${gameId ?? 0}/bookmark`, { method: "POST" });
+					if (!res.ok) throw new Error("通信エラー");
+				} catch (e) {
+					console.error("ブックマーク登録に失敗しました:", e);
+					setIsBookmarked(false);
+				}
+			};
+			setTimeout(() => {
+				setIsAnimating(false);
+				postBookmark();
+				handleShare(); 
+				
+			}, 2000);
 		}
 	};
 	const handleBookmarkAndShare = async () => {
 		await handleBookmark();
-		handleShare();
+		// handleShare();
 	};
 
 	const handleCloseResult = () => {
@@ -421,7 +429,8 @@ function Solo() {
 							isAnimating={isAnimating}
 							onBackToTitle={handleTitle}
 							onRetry={handleRetry}
-							onBookmark={handleBookmarkAndShare}
+							// onBookmark={handleBookmarkAndShare}
+							onBookmark={handleBookmark}
 						/>
 					</div>
 				)}