mist | based pub-sub service | Pub Sub library

I am creating a weather application with nextJS and TailwindCSS. I had almost created the whole application but stuck at the end with this UI issue.

I want to change the backgroundImage dynamically depending upon the weather description ( ex: clear sky, haze, rain, snow).

For that I had written a function changeBackground("rain") but it is not working. I had defined all the image paths in the tailwind.config.js file. After debugging, I found that the function is giving the correct answer (printed answer in console) but my className="bg-${changeBackground("rain")}" not working. Below is the code for this

tailwind.config.js

I wanted to get Strings/ints of several Items out of a JSON Array, but I don't really know how I can achieve that

I am working Bicycle dataset. I want to replace text values in 'weather' column with numbers 1 to 4. This field is an object field. I tried all of these following ways but none seems to work. There is another field called 'season'. If I apply same code on 'season', my code works fine. Please help.

Sample data:

I have a df like this -

I want to have a Chat-like simple UI where the chats can scroll & 2 buttons are at the end.

Currently, it looks like:

Full reproduction → https://play.tailwindcss.com/mKgRCKKVBq

The code looks like:

First of all I am new to this and I am learning so do not judge my code too harshly. I have an array of objects which include the src of images for thumbnails and need to append them to a container div where the thumbnails are displayed. But then I need to know which of these thumbnails was clicked. I am showing an example of one of the objects from array. I am using this structure of jQuery to append the thumbnails:

Firstly sorry if my english explanation is bad. My issue is, I am trying to make weather app and I want to show 5 day forecast.I keep the data in arraylist that I pull in api and send to my adapter class. As you know weahter icons are expressed as string in weather api. such as "010d" is sunny something like that.I am going to show recyclerview that I wrote 5 day forecast. Everything is working but icons doesn't show. I am sharing codes that I did.

I am getting data in forecast class My forecast class

Firstly sorry for my bad english. My issue is, I am trying to make a Weather app using Weather API. I want to show 5 day forecast using recyclerview adapter. I add the data to arraylist, that I get from API and it should go to my adapter class. It needs to show the data added to the arraylist there but it doesn't and arraylist size is always zero.

My recyclerview class is forecast

oncreate

I set up a swipe-to-refresh panel on my weather app to update the weather data I receive from the API whenever I swipe down the refresh button. This feature works successfully well when a city has been searched but the problem now is that if I haven't yet searched any city before swiping down the refresh panel, it reloads forever until I exit the app obstructing the app processes and my app was designed to not save the previous weather data until the user search a city again.

I want to either stop the refresh panel entirely from reloading until a city has been searched or just limit the time it takes to reload before a city has been searched. Please how can I do this? I've checked this site for similar questions/answers and found none that helps/relates to what I'm trying to achieve.

Here's the current refresh panel programmatic setup: