alex/agb
1
0
Fork 0
mirror of https://github.com/italicsjenga/agb.git synced 2024-12-23 00:01:34 +11:00
Code Issues Packages Projects Releases Wiki Activity

Prettier

Browse source
This commit is contained in:
Gwilym Inzani 2024-04-20 12:40:07 +01:00
parent 7bbb52c449
commit 141a77af80
2 changed files with 31 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
website/agb/src/app/crash/backtrace.tsx
View file

@ -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);
}

24
website/agb/src/app/crash/gameDeveloperSummary.tsx
View file

@ -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;
`;
`;