Alpha: Write updated information to database

[kf106]

This should really be a lot simpler than it is turnout out to be, because getting information from a web page and writing it to a database is really the core of web2, but hey ho.

There are three bits of information that need writing:

• (image) the base64 image string currently produced in web/src/components/Download/Download.tsx by the saveOrth function
• (cape) the selected cape in web/src/components/LandPane/LandPane.tsx
• (name) the name in <Input value={currentUser.name} readOnly /> in web/src/pages/HomePage/HomePage.tsx but see #40
• ( !!!no column!!!) the current "avatar design string"
• (level) the current level

The Save to Orthoverse button is only visible when you're logged in, and the database saving should ensure that only the authenticated user can alter their player record (of course).

Branch kf106/writeOrthoverse is a good place to start working from.

[kf106]

I've just realized that image was meant to contain the avatar design stringified object, but I've used it for a base64 encoding of the player image. So we need a new column - design

[kf106]

I have added the state variable transfer to the Download.tsx component so it is ready for the database write code. All the state variables should be in the correct state, so all that is needed (haha) is a database update command from the webpage.

See the useEffect() function for comments showing the right things to save.

web/src/components/Download/Download.tsx in branch origin/kf106/clientNameValidation

[kf106]

Is now in branch develop

[kf106]

Implemented with 676cbf2fbfae6a76a864714b504dc29261601bd7