filter.js | Complete solution for client side filtering | Widget library

I'm building a filter to show a list of values based on the option selected. The data is populated by a fetch request, which is then mapped over to show the values.

This part is all working. However I am finding that the drop down doesn't seem to be registering the onChange event and therefor not updating the value from null.

Here is my code...

I am using Jenkins and Nginx both in Docker,

From Jenkins docker documentation, it seems that jenkins need 2 ports, 50000 and 8080, Reference : https://github.com/jenkinsci/docker/blob/master/README.md

Nginx acting as reverse proxy has this configuration right now

I want to access a local array file, filter it, and store the filtred array as a state, finally pass the state to child component.

I'm working on a web project, which provides a user-friendly interface includes a data viz object.

It is my first time to use React and D3 together to design main function, and some problems happened in data processing. I write D3 part first.

So new to d3, this is my first project using the library. Currently, I'm having issues with filling the map with different colours depending on the data. I found lots of examples on the web but they are not really working for me.

What I have is a JSON file with data in this format

I tried making a category filter for my ecommerce app but it keeps giving me this error. I have not connected my app to a database and i am using a json file. I dont have dublicate id's in my json files.

this is my products json file

This is my categories json file

This is my CategoryFilter.js

assets/admin/js/components/formatter.js

I've been trying for hours to figure this out, and I'm sure the answer is simple. When an Item is clicked, it will ultimately create a filter for my todo list. What I'm struggling to do is apply conditional styling, so that the font color of the 'active' item is blue.

I have included status as a prop, but I can't seem to use it as well as props inside the styled components.

From my App.js:

I am trying to deploy my projekt to a server via bitbucket-pipeline with a .yml script. The projekt has a laravel backend with PHP 7.4 and a Vue Js frontend. The problem occurs when the frontend builds with Yarn Run. The build process is working on my colleagues and my local maschine with the exact same yarn.lock and package.json, but not in the pipeline. Local we also have the same node and yarn/npm version.

This is our pipeline script :