Document that we shoudn't use dependencies for small things to not have too many of them.

If you don't have auto-unlock enabled on your RaspiBlitz, then the Lightning Wallet will be locked. There needs to be a functionality to detect if the wallet is locked and then it should be unlockable over the UI.

The tasks are the following:

• Wait until the tasks below are done:
  • fusion44/blitz_api#33
  • fusion44/blitz_api#34
• think about where to place the message that the wallet is unlocked / how it should look
• code the display functionality
• think about how to design the unlock wallet functionality
• extend backend-mock to simulate locked wallet as well
• code the unlock wallet functionality & test it :)

Looks like if the SSE connection is closed, the browser tries to reconnect again.

Check how the reconnection works (has it a timeout etc.) and if the connection was lost, provide some information for the user, so he knows that it happened.

This would ideally be done with a Toaster, which we already use on successful transactions.

Need to think how to display that and how many lines etc.

Need endpoint from https://github.com/fusion44/blitz_api for it

Add a button in settings to generate a debug report which can be viewed & downloaded.

The send modal currently has no validation at all.

See https://create-react-app.dev/docs/setting-up-your-editor/#formatting-code-automatically

https://axios-http.com/docs/interceptors

Way better and less error-prone than using a custom function for generating the request for fetch or overwriting the window.fetch

Also, change URL depending on localhost / non-localhost

people eyes are hungry for the recent screenshots 🥇

Currently the WalletCard just displays the confirmed balance.

I should also show the unconfirmed balance.
The best option (in my opinion) would be to remove outflows (i.e. sending to someone) from the balance immediately and show inflows as a extra number in braces
e.g.
1,000,000 sat (+20,000)

Describe how to develop with polar & blitz_api

Should Not replace Channel Management Tools like RTL, just provide basic functionality

Blocked by:

• fusion44/blitz_api#35
• fusion44/blitz_api/issues/36

Add option to use TOR webpage or continue using http with local ip.

Blocked until Dashboard is properly implemented

See #8

- Buttons
  - Update
  - Install
  - Remove
  - Start
  - Stop
  - See logs
  - Restart
  - Possibly more buttons to be free implemented later (renew tor address, enable client auth, but this is advaced for another stage)

Will need additional endpoints for it in https://github.com/fusion44/blitz_api for most of it

the SSE connection should send the token on connect.
Either use https://github.com/Yaffle/EventSource/ or talk with @fusion44 & @rootzoll if we should use cookies for that, since the "normal" EventSource doesn't support an authentication header.

Blocked until Dashboard is properly implemented.

Lightning terminal uses https://github.com/react-component/tooltip for that

Seems to be the wrong icon. (Ln for onchain, chain for ln)

Sometimes I use setTimeout, e.g. for showing and then hiding text.
Check if I clear the timers on destruction.

https://github.com/cstenglein/raspiblitz-web/blob/master/src/components/Shared/ReceiveModal/ReceiveModal.tsx Here the only thing that needs to change is to remove the setTimeout & display a tooltip instead when hovering / copying.

Currently, the tor / ssh icon doesn't change if the address is shown / hidden. In addition, it doesn't show any info.

It should show a tooltip with "Show" / "Hide" and change the icon to eye-off

The list of available apps is provided by the Frontend now, only the installed / installing state comes from the backend.

Apps (see here for list):

For the first version, we are only providing apps which have a front-end so users are not confused.

• RTL
• Specter Desktop
• BTCPay Server
• LNbits Server
• BTC RPC Explorer
• Mempool Space
• ThunderHub

They all need:

• Images (if available)
• A description
• The installed version number
• The author(s)
• A link to the source code
• A link to the documentation

• does it make sense to use stuff like npm audit?
• how to handle "vulnerabilities" in devDependencies see create-react-app pinned issue

Currently, the token is not sent with any request.

May I should build an interceptor:

https://stackoverflow.com/questions/45425169/intercept-fetch-api-requests-and-responses-in-javascript

The App Details contain no text atm

=> Think about what to write.

The Mempool Trademark policy allows app stores, so we can add the logo as well.

The logo should be placed in assets/apps and then tested if it displays correctly under "Apps".

The name of the file should be the same as the id (here)[https://github.com/cstenglein/raspiblitz-web/blob/master/backend-mock/apps.js#L74] so it loads correctly.

Currently I use "toLocaleString()" to format the number.

But this leads the balance to only show 3 decimals:

TODO: Think about a better way.

it is using the Sphinx Chat icon, not the BTC RPC Explorer

https://github.com/cstenglein/raspiblitz-web/blob/master/images/2021-09-15/appdetails_dark.png

This is blocked until #59 is finished.

In the confirm part of the send modal ConfirmSendModal it lists all the data of the decoded lightning invoice.

If the expiry date of the invoice has passed or the amount of the invoice is higher than the available balance, do not enable the confirm button and also write the reason somewhere why the invoice can not be confirmed.

Currently the app just checks if a token is available:
https://github.com/cstenglein/raspiblitz-web/blob/master/src/store/app-context.tsx#L92-L94

Goal: The token should be also checked if it has expired or not before logging in automatically.

As discussed in #32

https://github.com/fusion44/blitz_api

Change URLs in backend-mock & models to match it.

Currently the modals are not using the full screen in mobile view.

Change that so the content inside has more space

Currently the images are just shown via a simple scrollbar:

Use a nice carousel like https://tailwind-elements.com/docs/standard/components/carousel/ for that instead.

To now have "flickering" while loading another page, make suspense use a skeleton with the header, sidebar and a loading spinner in the main section

The Project is already available under www.transifex.com/cstenglein/raspiblitz-web but it needs language sources files to be added, as well as integration in the project (dependency already added)

Currently the ConnectionCard says "Connection Details"

This does not indicate correctly to what we can connect there.

It should indicate better that we can get the tor/local address to the webui there.

Currently there is no error handling for all web requests at all (for some just catching without any action).

This could result in a broken app when there is a other status code than 200 (e.g. not authenticated) and could confuse users when no notification etc. happens.

• When token was expired and no action was done before (refreshing with action done in #146), then log out automatically or on 401
• on everything except 200 and 401 error code show error dialog and forward the message from the backend (for now)

Yes, I dont know how to name this issue, pls rename it as you like.

Appearance

• Default to dark mode pls.
• Fix contrast in dark mode. Subsection title are almost transparent.
• Color palette (this is recommendation https://github.com/dracula/dracula-theme#color-palette)

Apps

• Hide Tor addresses by default (option to copy the address with one click)
• Buttons
  • Update
  • Install
  • Remove
  • Start
  • Stop
  • See logs
  • Restart
  • Possibly more buttons to be free implemented later (renew tor address, enable client auth, but this is advaced for another stage)

System

• Debug logs at least
• Other functionalities like rebooting the system too

Mempool writes it in their README:

https://github.com/mempool/mempool/tree/master/frontend

Started in the storybook branch.

Will be started when the Design / Features have more stabilized

See #8

It was faster to compile.
Now that the design won't be redone much until the first release, change the variables to css classes and apply the tailwind classes to it.

Check if Send dialog has the correct fields to actually send something.

Current dialog:

See fusion44/blitz_api@ae59ef9