firefly | web application aimed at powerful , flexible time series | Analytics library

Greetings Stack Overflow,

I have a RespberryPi4B, on which I installed Ubuntu 20. (Linux ubuntu 5.4.0-1034-raspi aarch64 - Ubuntu 20.04.1 LTS)

On this Pi I want to install several Applications for my local use only. To be able to have multiple Applications exposed, I use Traefik as a Proxy. To easier deploy the Applications, I use Docker and Docker-Compose

Already up and running I have a Nextcloud instance, which works just fine. Now I want to add FireflyIII as an Application, but the routing does not comply, and greets me with "Bad Gateway".

Here's what I have

The following docker-compose.yml for my Nextcloud works like a charm:

After compiling I receive this error message:

Failed to compile src\App.js Line 4:1: 'state' is not defined no-undef

Code App.js:

I have a React Admin Edit form with a field which by default doesn't exist in the record. I could manually type it in, save it and it would work. However I wish to retrieve the value of this field programmatically when a user clicks a button then adjust it.

I use a useMutation hook to access a custom API which performs an expensive operation and returns a result for the field. I only want to perform this operation when the user clicks a button. So inside a Edit form I have this field called key I want to apply the data from this useMutation hook to it.

Spoiler: I am leaning towards a Webpack issue rather than React (since with a plain React app, taken straight form create-react-app things work). But still, it only happens with React...

The main issue is that a simple event (e.g. onClick is never getting executed), this extends to no js being used (accordions, complex nav behavious, etc.). So the following does not work:

I'm trying to adjust two CSS classes when my window is no wider than 750px. I'm trying to target three-column-grid & content-box. For some reason, three-column-grid works perfectly. But Content-box does nothing at all.

I have an array with some dynamic value which will have array of array and according to inner array length need to show OR text.

Example:

JSON data:

I was having the following problems.
When I run AudioBufferSourceNode.start() when I have multiple tracks, I sometimes get a delay
Then, per chrisguttandin's answer, I tried the method using offLineAudioContext. (Thanks to chrisguttandin).

I wanted to play two different mp3 files completely simultaneously, so I used offlineAudioContext to synthesize an audioBuffer.
And I succeeded in playing the synthesized node. The following is a demo of it.
CodeSandBox
The code in the demo is based on the code in the following page.
OfflineAudioContext - Web APIs | MDN

However, the demo does not allow you to change the gain for each of the two types of audio.
Is there any way to change the gain of the two types of audio during playback?

What I would like to do is as follows.

• I want to play two pieces of audio perfectly simultaneously.
• I want to change the gain of each of the two audios in real time.

Therefore, if you can achieve what you want to do as described above, you don't need to use offlineAudioContext.

The only way I can think of to do this is to run startRendering on every input type="range", but I don't think this is practical from a performance standpoint.
Also, I looked for a solution to this problem, but could not find one.

I have a carousel that renders some images with the lib react-responsive-carousel, I would like to know how it is possible to decrease the number of images that appear in my carousel.

At the large screen size, I render 3 images on my carousel, but when the screen gets smaller, I wanted to render fewer images. In the image below, it is easy to see that the carousel is with the pasted images when the screen is small.

I put my code into codesandbox.io