From 074c1fba509987e9ee8f9b1593d3e2a205127f10 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Sun, 16 Mar 2025 00:14:59 +0900
Subject: feat(frontend): add InlineCode component

---
 frontend/app/components/Gaming/InlineCode.tsx | 11 +++++++++++
 frontend/app/components/Gaming/Problem.tsx    |  8 ++++----
 frontend/app/routes/dashboard.tsx             |  1 -
 3 files changed, 15 insertions(+), 5 deletions(-)
 create mode 100644 frontend/app/components/Gaming/InlineCode.tsx

(limited to 'frontend')

diff --git a/frontend/app/components/Gaming/InlineCode.tsx b/frontend/app/components/Gaming/InlineCode.tsx
new file mode 100644
index 0000000..c90cad4
--- /dev/null
+++ b/frontend/app/components/Gaming/InlineCode.tsx
@@ -0,0 +1,11 @@
+type Props = {
+	code: string;
+};
+
+export default function InlineCode({ code }: Props) {
+	return (
+		<code className="bg-gray-50 rounded-lg border border-gray-300 p-1">
+			{code}
+		</code>
+	);
+}
diff --git a/frontend/app/components/Gaming/Problem.tsx b/frontend/app/components/Gaming/Problem.tsx
index 0f7d26f..8a8613f 100644
--- a/frontend/app/components/Gaming/Problem.tsx
+++ b/frontend/app/components/Gaming/Problem.tsx
@@ -1,5 +1,6 @@
 import BorderedContainerWithCaption from "../BorderedContainerWithCaption";
 import CodeBlock from "./CodeBlock";
+import InlineCode from "./InlineCode";
 
 type Props = {
 	title: string;
@@ -35,10 +36,9 @@ export default function Problem({ title, description, sampleCode }: Props) {
 						等で実行が中断された場合は失敗扱いとなります。
 					</p>
 					<p>
-						なお、<code>error_reporting</code> は{" "}
-						<code>
-							E_ALL &amp; ~E_WARNING &amp; ~E_NOTICE &amp; ~E_DEPRECATED
-						</code>{" "}
+						なお、
+						<InlineCode code="error_reporting" /> は{" "}
+						<InlineCode code="E_ALL &amp; ~E_WARNING &amp; ~E_NOTICE &amp; ~E_DEPRECATED" />{" "}
 						に設定されています。
 					</p>
 				</div>
diff --git a/frontend/app/routes/dashboard.tsx b/frontend/app/routes/dashboard.tsx
index 2320744..6e54979 100644
--- a/frontend/app/routes/dashboard.tsx
+++ b/frontend/app/routes/dashboard.tsx
@@ -2,7 +2,6 @@ import type { LoaderFunctionArgs, MetaFunction } from "react-router";
 import { Form, useLoaderData } from "react-router";
 import { ensureUserLoggedIn } from "../.server/auth";
 import { apiGetGames } from "../api/client";
-import BorderedContainer from "../components/BorderedContainer";
 import BorderedContainerWithCaption from "../components/BorderedContainerWithCaption";
 import NavigateLink from "../components/NavigateLink";
 import UserIcon from "../components/UserIcon";
-- 
cgit v1.2.3-70-g09d2