feat: import exported boards

[mateo-ivc]

Description

Since we have an export feature it would make sense to be able to import those boards again.
Therefore, when creating a new board, there is now an option to import a JSON file that reflects a board.

Changelog

Backend

api/router.go

• Added import route

api/boards.go

• Implementation of import board route
• Parses the json string into the components that will be inserted into the database

dto/...

• Added structs to parse the JSON data into usable structs.

database/notes.go

• Added a query to import notes

services/notes.go

• Added import method for notes -> calls importNote in the DB layer.

Frontend

api/boards.ts

• Implementation of importBoard route -> sends json string

Note/NoteAuthorList

• Added authorID of note to be able to create a avatar prop based on the authorID

PassphraseModal

• Popup that asks for a password when importing a previously password-protected board.

constants/name.ts

• Since imported Notes with the same author should have the same avatar and name, i implemented a function that returns a random name with seed

NewBoard

• Added a new button to import a board by drag and drop or by selecting a file.
• Asks for password if board was prior password protected

Checklist

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• The light- and dark-theme are both supported and tested
• The design was implemented and is responsive for all devices and screen sizes
• The application was tested in the most commonly used browsers (e.g. Chrome, Firefox, Safari)

(Optional) Visual Changes

[Schwehn42]

@mateo-ivc is this ready?

[mateo-ivc]

@mateo-ivc is this ready?

I think the implementation is done, but I should add some tests

[Schwehn42]

can you cast the returned body to its respective type?

[Schwehn42]

you can use colors from colors.scss instead of hardcoded hex values or named standard colors (white being $gray--000, for example).

[Schwehn42]

so I'm assuming you centered the container here. Can you make the the parent container flex instead and use align-items and justify-content instead, or is there any specific reason to do it this way?

[Schwehn42]

again, both are hardcoded colors

[Schwehn42]

This is so the other authors keep the same name, right? This is why I was a proponent of keeping the real names, but oh well can't do anything about it 😅

Please move this to utils/random though

[Schwehn42]

direct API calls like that are not in the spirit of our architecture. Please use a thunk for this