dimmer | a display dimming app for windows with multi-monitor support | Menu library

I have two functions.

The first function has this loop to create an array of buttons:

I am currently trying to create a python script that can go into Menards website and grab all their products descriptions, SKU, and price and then imports them into an excel file. So I can then create pivot tables or do other stuff with their products. Currently, I was able to make it work by using XPath and etc. But this method is not very robust since it relies on the specific path for each different webpages. What I want to do is make something more robust that can be used on the website I'm looking at. These are the websites I am referring to.

I got this error when I tried to map the data fetched through Axios:

This is my first attempt at parsing nested JSON with Ruby. I need to go through the JSON to pull out specific values for "_id", "name", and "type" for instance. I then need to create a reference table so that I can refer to each "_id" and associated information. I also need to combine information from multiple JSON responses. I've been able to get basic information and have tried a few things I've found online. I just need a little assistance with a starting point. If anyone has any ideas of where to start with this I'd really appreciate it.

Devices JSON response hash. Each device starts with _id.

I have a cartoon of an antique "detour" sign that has cataphote reflectors embedded in the letters. I want the reflectors to brighten as the image is hovered. That's easily done, I know, simply by swapping out a version of the image with the reflectors darkened with an image of them brightened on hover (per the markup below). However, doing it this way makes the reflectors appear to blink on or off. I want them to get increasingly bright as the cursor nears the center of the image and, of course, dim as the cursor moves away from it, as would occur in real life. (If your headlights beamed at the reflectors at an oblique angle, the light they reflect back would be dimmer than if your headlights hit them straight on.)

My thought is just to increase the opacity of the brightened version of the image in response to the position of the hovering cursor. So, what I need (I think) is a script that detects the cursor position and increases or decreases the opacity accordingly: opacity: 0; at the edge and opacity: 1; at the center. Probably not too challenging for someone adept in javascript/jquery. I've hunted around for a script that does that or something very close to it but haven't been able to locate one that is close enough for me to modify.

I have an additional issue in that in Firefox, at least, the hover image "flicks" the first time it is invoked. I've tried all of the preloading suggestions I could find here on stackoerflow but none of them work. I found that a sprite solved the flicking problem, but wasn't sure how that would work with the way I want the image to animate. Presuming non-sprite images are the way to go maybe if the script invokes the "bright" version of the image at an initial opacity of 0 as the cursor crosses the threshhold, it will also hide the loading "flick...?" Just a guess. Alternatively, I could redesign the hovered version so that it is just the reflectors if that would solve everything else.

Finally, as you can see, the sign is a button that returns a random page. Assuming what I need to solve this problem is a script, can I run both scripts off of the same id (#detour) or should this script use a class name instead? (I am clearly an example of a little knowledge being a dangerous thing.)

Anyway, here's what I've got.

I fetched some data in React with axios and so far everything is displayed as it should. The problem is that when I click on a Header, the content below the header should be displeyd (or get hidden). So far I managed to do this but it works on all the fetched items. How I target a specific item after mapping? The code is as below:

So I have a react component that calls a function to at an interval to get balances for an account. The first load of the component successfully updates from loading and not ready to ready and pulls in the users account balances.

Upon completing a transaction and on the next account balances poll, the account balances are updated in the state and log with the correct value however not updated on the components UI (or any child components). I have also tried pulling out one of the variables, which can be seen below as pcDaiValue. This too updates on first load and first fetch of account balances, however does not update any further such as after a transaction. The state does update and logs however the UI does not update to reflect this state.

I initially believed this was a child component problem in a previous post however now I realise it is the state of the parent component not being updated.

If you look at the pcDaiValue state - it will be updated in the state but not the UI. Wondering a possible solution to this.

Any help would be appreciated here

Code below with irrelevant parts removed:

Any help or hint would be greatly appreciated it!!

How does this message param: