From 0ab9bdf4ad937913dd3a29dbddf93f09b57deedd Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Fri, 21 Mar 2025 00:44:20 +0900
Subject: feat(frontend): make container foldable

---
 frontend/app/components/Gaming/ProblemColumn.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'frontend/app/components/Gaming/ProblemColumn.tsx')

diff --git a/frontend/app/components/Gaming/ProblemColumn.tsx b/frontend/app/components/Gaming/ProblemColumn.tsx
index 2a57afd..922cbe7 100644
--- a/frontend/app/components/Gaming/ProblemColumn.tsx
+++ b/frontend/app/components/Gaming/ProblemColumn.tsx
@@ -1,4 +1,4 @@
-import BorderedContainerWithCaption from "../BorderedContainerWithCaption";
+import FoldableBorderedContainerWithCaption from "../FoldableBorderedContainerWithCaption";
 import TitledColumn from "../TitledColumn";
 import CodeBlock from "./CodeBlock";
 import InlineCode from "./InlineCode";
@@ -16,15 +16,15 @@ export default function ProblemColumn({
 }: Props) {
 	return (
 		<TitledColumn title={title}>
-			<BorderedContainerWithCaption caption="問題">
+			<FoldableBorderedContainerWithCaption caption="問題">
 				<pre className="text-gray-700 whitespace-pre-wrap break-words">
 					{description}
 				</pre>
-			</BorderedContainerWithCaption>
-			<BorderedContainerWithCaption caption="サンプルコード">
+			</FoldableBorderedContainerWithCaption>
+			<FoldableBorderedContainerWithCaption caption="サンプルコード">
 				<CodeBlock code={sampleCode} language="php" />
-			</BorderedContainerWithCaption>
-			<BorderedContainerWithCaption caption="スコア計算・PHP 環境">
+			</FoldableBorderedContainerWithCaption>
+			<FoldableBorderedContainerWithCaption caption="スコア計算・PHP 環境">
 				<div className="text-gray-700 flex flex-col gap-2">
 					<p>
 						スコアはコード中の全 ASCII
@@ -54,7 +54,7 @@ export default function ProblemColumn({
 						に設定されています。
 					</p>
 				</div>
-			</BorderedContainerWithCaption>
+			</FoldableBorderedContainerWithCaption>
 		</TitledColumn>
 	);
 }
-- 
cgit v1.2.3-70-g09d2

