React document preview shows up in external pdf viewer - not inline

[mnaranjo]

Good morning ninjas!

while viewing the videos on your youtube channel and digging around the forum last night to steeping my learning curve, I think I have understood, that the roadmap of IN is to switch completely to the React webUI, n’est-ce pas?

Release Annoucements

v5.3.93 is here! This is a big release! We are now bundling into the release our React Web Application for those that prefer a web type feel. You can enabled the react app by using a .env variable REACT_APP_ENABLED=true We have implemented the main set of functions, and will continue to develop the other modules in parallel from now: Currently available modules Products Clients Invoices Recurring Invoices Payments If you could test and provide any feedback, we’d greatly appreciate it…

As an IN newcomer i thought it would be a good idea then to use React instead of Flutter just after my first steps the last days. So i entered REACT_APP_ENABLED=true to the .env - et voilá - after an “artisan optimize” React is now my friend

React also “feels good” but i faced a behaviour, which has almost certainly to do with a setting, i am not aware of:

I.e. when clicking Settings > Invoice Design there is no inline preview of the design as i know from Flutter. Instead my external PDF-Viewer opens up twice with two different versions of the preview PDF. One seems to reflect the defaults (even with no logo an company details), while the other is more customized.

With this behaviour it is absolutely impossible to create/edit a custom design. Whenever i hit the keyboard the UI is processing the preview (which i.g. is good) and the external viewer comes up twice again.

Can you please explain and point me in the right direction?
How can i switch the preview to an inline view as known from Flutter?

Thanks in advance for your patience!

Best regards
Marcel Naranjo
www.dig-it.de

[hillel]

Hi,

Our plan is to use React as the main web app and Flutter for the desktop/mobile apps.

If there’s a feature missing in the React app please create an issue here and we’ll make sure it’s added.

Issues · invoiceninja/ui

[mnaranjo]

So, having the previews in an external viewer is the expected behavior then?
Why comes it up twice?

[hillel]

I’m the main developer for the Flutter app, I’m less familiar with the React app.

I suggest creating an issue on the GitHub repo linked above to track this.