weatherwidget | Bolt Extension : A simple Dashboard Widget | Widget library

I am writing an App which should be able to show an icon in the homescreen based on Weather Conditions. I am using weather package, geolocator package and OpenWeatherMap API. I am able to get latitude and longitude of the user, i am also able to get the weather condition at his position, but i am currently stuck because i can't find a proper way to change the icon based on the weather condition.

This is what i thought. The weather package when asking for weather conditions returns a String like "clear sky". Now, since i want to display the icons from Material Icons. I am using the IconData constructor.

I have the following script running to provide weather forecast for my tablets. The problem is that every time someone touch it by accident it opens the source page. Any ideas how could I just block the link for the external page? I had success on Iframe using the sandbox, but can't make it work on this, as I'm not sure what is this language:

Good morning,

i have a web page that will be displayed throughout the whole day as a "media TV". A video on top of the page will be on loop showcasing the company updates but at the bottom i want to put a weather widget with updated information, i have managed to get the widget, but it doesn't update throughout the day. I can't refresh the whole page, because then the video will stop, so I would need to refresh only the embedded content

I am very new to jest and enzyme. In my Project I will use a SPA React based Application. Containing a Context Provider for the data, also several hooks. I Using now Jest (with ts-jest and enzyme)

My jest.config looks like this

I am trying to use @WidgetBundleBuilder to create multiple widgets, but the problem is that even though they are linked to two different views it makes both of the widgets have the same views. The code looks like this.

I make an api call to openWeatherapi but the issue is the data is "undefined" until it has resolved. So when i make the api call in ComponentDidMount and set the data to state, state is undefined for a bit until the data comes in. The issue is that in the meantime if i try to do anything with the data i get cannot "Dosomething" of propriety of undefined and the whole thing crashes. How do i get around this?

I have a weatherwidget and i want to pass the weather data from the api call. The city name includes the continent, so if i want to do .split() on it, i get an error because the value is undefined at first.

Here's the dashboard code