From 141a77af80fe1662a5928b4833d02078350798b8 Mon Sep 17 00:00:00 2001
From: Gwilym Inzani <email@gwilym.dev>
Date: Sat, 20 Apr 2024 12:40:07 +0100
Subject: [PATCH] Prettier

---
 website/agb/src/app/crash/backtrace.tsx       | 25 +++++++++++++------
 .../src/app/crash/gameDeveloperSummary.tsx    | 24 ++++++++++--------
 2 files changed, 31 insertions(+), 18 deletions(-)

diff --git a/website/agb/src/app/crash/backtrace.tsx b/website/agb/src/app/crash/backtrace.tsx
index c572252e..c67a906f 100644
--- a/website/agb/src/app/crash/backtrace.tsx
+++ b/website/agb/src/app/crash/backtrace.tsx
@@ -1,9 +1,9 @@
 "use client";
 
-import { useState } from 'react';
+import { useState } from "react";
 
 import { ContentBlock } from "../contentBlock";
-import { GameDeveloperSummary } from './gameDeveloperSummary';
+import { GameDeveloperSummary } from "./gameDeveloperSummary";
 import { styled } from "styled-components";
 import { Debug } from "./debug";
 
@@ -24,7 +24,7 @@ export function BacktracePage() {
         time.{" "}
         <strong>Send these to the creator of the game you are playing.</strong>
       </p>
-      <BacktraceCopyDisplay backtrace={backtrace} setBacktrace={setBacktrace}/>
+      <BacktraceCopyDisplay backtrace={backtrace} setBacktrace={setBacktrace} />
       <p>
         <em>
           The owners of this website are not necessarily the creators of the
@@ -38,10 +38,21 @@ export function BacktracePage() {
   );
 }
 
-function BacktraceCopyDisplay({ backtrace, setBacktrace }: { backtrace: string , setBacktrace: (newValue: string) => void}) {
+function BacktraceCopyDisplay({
+  backtrace,
+  setBacktrace,
+}: {
+  backtrace: string;
+  setBacktrace: (newValue: string) => void;
+}) {
   return (
     <BacktraceWrapper>
-      <BacktraceInputBox type="text" defaultValue="Enter the backtrace code here" onChange={e => setBacktrace(e.target.value)} value={backtrace} />
+      <BacktraceInputBox
+        type="text"
+        defaultValue="Enter the backtrace code here"
+        onChange={(e) => setBacktrace(e.target.value)}
+        value={backtrace}
+      />
       <BacktraceCopyButton
         onClick={() => {
           navigator.clipboard.writeText(backtrace);
@@ -55,7 +66,8 @@ function BacktraceCopyDisplay({ backtrace, setBacktrace }: { backtrace: string ,
 
 const BacktraceInputBox = styled.input`
   font-size: larger;
-  background-color: #dddddd;
+  background-color: #eee;
+
   flex-grow: 999;
 `;
 
@@ -71,7 +83,6 @@ 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
index aca73d86..d57c2746 100644
--- a/website/agb/src/app/crash/gameDeveloperSummary.tsx
+++ b/website/agb/src/app/crash/gameDeveloperSummary.tsx
@@ -1,16 +1,18 @@
 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>
-}
+  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;
@@ -18,4 +20,4 @@ const Details = styled.details`
 
 const Summary = styled.summary`
   font-weight: bold;
-`;
\ No newline at end of file
+`;