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

feat(backend): switch to toasts for client-side API feedback, flesh out edit profile page

Browse source
This commit is contained in:
Sam 2022-11-21 03:20:15 +01:00
parent 8ab4c2a91b
commit 373ccf4b63
6 changed files with 77 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/components/Editable.tsx
View file

@ -32,6 +32,7 @@ type EditableCardProps = {
onChangeName: React.ChangeEventHandler<HTMLInputElement>;
onChangePronoun: React.ChangeEventHandler<HTMLInputElement>;
onAddPronoun(pronoun: string): void;
onDeletePronoun(e: React.MouseEvent<HTMLButtonElement>, entry: string): void;
onChangeFavourite(
e: React.MouseEvent<HTMLButtonElement>,
entry: string
@ -125,6 +126,7 @@ export function EditableCard(props: EditableCardProps) {
</button>
<button
type="button"
onClick={(e) => props.onDeletePronoun(e, pronoun)}
className="bg-red-600 dark:bg-red-700 hover:bg-red-700 hover:dark:bg-red-800 p-2"
>
<Trash3 />
@ -138,6 +140,8 @@ export function EditableCard(props: EditableCardProps) {
<Button
style={ButtonStyle.success}
onClick={() => {
if (!input || input === "") return;
props.onAddPronoun(input);
setInput("");
}}