Added isPreviewMode + code organization and formatting.

[lucasew]

isPreviewMode is a simple function exposed to inside the components to check if the note is in preview mode.

There is a rule that in React you must call the same hooks at every render so early returns are not good.

The user can easily check if the note is on preview mode inside its component and can return null if it's the case.

Solves #4

[elias-sundqvist]

Thank you for contributing :)
I will check your code tomorrow.

One worry I have regarding formatting is that different contributors may have different vscode configurations.
I would prefer if the PR diff only contains changes relevant to the functionality.

I created an issue for setting up prettier and eslint configs here: #6 .
I'd like to close that issue before merging this PR.

[lucasew]

I am using the default vscode settings that I trigger using the integrated functionality.

…

On Sat, May 8, 2021, 20:28 Elias Sundqvist ***@***.***> wrote: Thank you for contributing :) I will check your code tomorrow. One worry I have regarding formatting is that different contributors may have different vscode configurations. I would prefer if the PR diff only contains changes relevant to the functionality. I created an issue for setting up prettier and eslint configs here: #6 <#6> . I'd like to close that issue before merging this PR. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#5 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ADXXO6C2P3VL3PIOO5ZVYC3TMXCI3ANCNFSM44H3BLHA> .

[elias-sundqvist]

I have tested the code now. Your changes look good 👍
I thought I found a bug, but turns out that it's present in my code as well.
I will merge this now. Thanks again for contributing 🙂