SOLID | Application of the SOLID principles and their violations | Architecture library

I have prepare 2 tree view in separate iframe using jstree. The right tree view should control the left tree view. When user click one one the list in right tree view, the respective item folder will open and selected on left tree view. I can make it happen using div in single page. I control the left tree view using instance of left tree view in right jstree div var instance = $('#left').jstree(true);.

I'm using collapse list unstyled class for showing submenus.In that sub sub menus are not showing, only first submenu is displaying but not the second one.

Can someone help me investigate why my Chainlink requests aren't getting fulfilled. They get fulfilled in my tests (see hardhat test etherscan events(https://kovan.etherscan.io/address/0x8Ae71A5a6c73dc87e0B9Da426c1b3B145a6F0d12#events). But they don't get fulfilled when I make them from my react app (see react app contract's etherscan events https://kovan.etherscan.io/address/0x6da2256a13fd36a884eb14185e756e89ffa695f8#events).

Same contracts (different addresses), same function call.

Updates:

Here's the code I use to call them in my tests

• I have the color of text and border-bottom in gradient color and not working as expected on:

• Safari (Desktop)

• iPhone (Safari)

Screenshots:

1. This is how it looks on Chrome web

1. This is how it looks on Safari (Desktop)

1. This is how it looks on IPhone 12 Safari

CSS code written with styled components:

I'm currently learning HTML, CSS, and JavaScipt. I'm trying to make a basic project, but I'm having problems with adding a new image on the new card. When I click on the 'add item' button, I create a new card with image. However, when I add another card for the second time, my image from the first card that I created will disappear. Can someone help me on how to fix this solution. Thank you.

I am a beginner learning from a tutorial on how to change the colour of a selected area of a picture with a range of colour options.

I can figure out how to change one area, but unsure how to implement the other areas.

What I want to achieve is to click on the selected area, it highlights the border (CSS), then change the colour by using the colour options.

What is the best way to implement this? I'm I correct in thinking maybe a switch statement with onclick to select the specific area of the picture?

I know this question has been asked multiple times but I cannot seem to find an answer. I have a component named DynamicTable which renders JSON as a data table. It has been tested in multiple other pages and works correctly. Here I have put it into a React-Bootstrap tab container. The data pull works correctly but the page is not re-rendering when the fetch is complete.

Here is the code I am using

I'm trying for a long time to get my labels on the left side on my input fields. I'm banging my head against the wall. I use a font-awesome icon in the label.

I tried a lot of searches on Google and Stack Overflow and tried stuff like inline-block which I see should work but it didn't work for me. My code so far. I guess it's an easy fix for all the great people that are here.

I am trying to add a loading spinner to a web application where I have been provided with an animated gif that should be used as the icon. Right now I'm doing this with a div that is initially hidden via CSS and then is shown when I want to indicate loading. I'm using the following CSS on this div so that when its shown the loading gif appears in the center of the screen