From 7bbb52c4499bb758092ac2ce1df476c7750eb73e Mon Sep 17 00:00:00 2001
From: Gwilym Inzani <email@gwilym.dev>
Date: Sat, 20 Apr 2024 12:38:44 +0100
Subject: [PATCH] Put the game developer summary in a details block

---
 website/agb/src/app/crash/backtrace.tsx       | 10 +++------
 .../src/app/crash/gameDeveloperSummary.tsx    | 21 +++++++++++++++++++
 2 files changed, 24 insertions(+), 7 deletions(-)
 create mode 100644 website/agb/src/app/crash/gameDeveloperSummary.tsx

diff --git a/website/agb/src/app/crash/backtrace.tsx b/website/agb/src/app/crash/backtrace.tsx
index 3dbe3e91..c572252e 100644
--- a/website/agb/src/app/crash/backtrace.tsx
+++ b/website/agb/src/app/crash/backtrace.tsx
@@ -3,6 +3,7 @@
 import { useState } from 'react';
 
 import { ContentBlock } from "../contentBlock";
+import { GameDeveloperSummary } from './gameDeveloperSummary';
 import { styled } from "styled-components";
 import { Debug } from "./debug";
 
@@ -32,13 +33,7 @@ export function BacktracePage() {
       </p>
       <h2>Backtrace</h2>
       {backtrace && <Debug encodedBacktrace={backtrace} />}
-      <h2>For game developers</h2>
-      <p>If you don&apos;t want players to be sent to this page, you can:</p>
-      <ol>
-        <li>Configure the backtrace page to point to your own site</li>
-        <li>Configure the backtrace page to not point to a site at all</li>
-        <li>Not use the backtrace feature</li>
-      </ol>
+      <GameDeveloperSummary />
     </ContentBlock>
   );
 }
@@ -76,6 +71,7 @@ const BacktraceCopyButton = styled.button`
   padding: 10px;
 `;
 
+
 function getBacktrace() {
   return window.location.hash.slice(1);
 }
diff --git a/website/agb/src/app/crash/gameDeveloperSummary.tsx b/website/agb/src/app/crash/gameDeveloperSummary.tsx
new file mode 100644
index 00000000..aca73d86
--- /dev/null
+++ b/website/agb/src/app/crash/gameDeveloperSummary.tsx
@@ -0,0 +1,21 @@
+import { styled } from "styled-components";
+
+export const GameDeveloperSummary = () => {
+    return <Details>
+    <Summary>For game developers</Summary>
+    <p>If you don&apos;t want players to be sent to this page, you can:</p>
+    <ol>
+      <li>Configure the backtrace page to point to your own site</li>
+      <li>Configure the backtrace page to not point to a site at all</li>
+      <li>Not use the backtrace feature</li>
+    </ol>
+  </Details>
+}
+
+const Details = styled.details`
+  margin-top: 10px;
+`;
+
+const Summary = styled.summary`
+  font-weight: bold;
+`;
\ No newline at end of file