sam/pronounscc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

refactor: extract Notice to component

Browse source
This commit is contained in:
Sam 2022-11-18 15:27:25 +01:00
parent dcfb60e9e3
commit a7f8ddd1cb
2 changed files with 64 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/pages/login/discord.tsx
View file

@ -8,6 +8,7 @@ import TextInput from "../../components/TextInput";
import Loading from "../../components/Loading";
import { stat } from "fs";
import Button, { ButtonStyle } from "../../components/Button";
import Notice from "../../components/Notice";
interface CallbackResponse {
has_account: boolean;
@ -97,12 +98,12 @@ export default function Discord() {
if (!state.ticket && !state.error) {
return <Loading />;
} else if (state.error) {
} else if (!state.ticket && state.error) {
return (
<div className="bg-red-600 dark:bg-red-700 p-2 rounded-md">
<p>Error: {state.error.message ?? state.error}</p>
<Notice style={ButtonStyle.danger} header="Login error">
<p>{state.error.message ?? state.error}</p>
<p>Try again?</p>
</div>
</Notice>
);
}
@ -137,10 +138,10 @@ export default function Discord() {
</p>
{state.error && (
<div className="bg-red-600 dark:bg-red-700 p-2 rounded-md">
<p>Error: {state.error.message ?? state.error}</p>
<Notice style={ButtonStyle.danger} header="Create account error">
<p>{state.error.message ?? state.error}</p>
<p>Try again?</p>
</div>
</Notice>
)}
<label>