Error fixes

src/components/WeatherModal/HourlyCard.tsx

@@ -101,7 +101,7 @@ export default function HourlyCard({ weather, isMobile }: any) {
 			>
 				{weather.temperature}°{weather.temperatureUnit}/{weather.relativeHumidity.value}%
 			</Text>
-			<Text
+			<Box
 				mt={4}
 				w={'100%'}
 				fz={14}
@@ -121,7 +121,7 @@ export default function HourlyCard({ weather, isMobile }: any) {
 					/>
 					{`${weather.probabilityOfPrecipitation.value}`}%
 				</Group>
-			</Text>
+			</Box>
 		</Stack>
 	);
 }

src/components/WeatherModal/SmallOutlookCard.tsx

@@ -16,7 +16,7 @@ export default function SmallOutlookCard({ weather }: any) {
 	return (
 		<Center display={'flex'}>
 			<Box pos={'relative'} style={{ zIndex: -1 }}>
-				<Image radius={'lg'} src={weather.icon} />
+				<Image radius={'lg'} src={weather.icon === '' ? undefined : weather.icon} />
 				<Overlay
 					color='black'
 					gradient='linear-gradient(0deg, rgba(0, 0, 0, .85), rgba(0, 0, 0, 0.35))'

src/components/WeatherModal/SmallWeatherCard.tsx

@@ -5,7 +5,12 @@ export default function SmallWeatherCard({ weather }: any) {
 	return (
 		<Center display={'flex'}>
 			<Box pos={'relative'} style={{ zIndex: -1 }}>
-				<Image w={'134px'} h={'134px'} radius={'lg'} src={weather.icon} />
+				<Image
+					w={'134px'}
+					h={'134px'}
+					radius={'lg'}
+					src={weather.icon === '' ? undefined : weather.icon}
+				/>
 				<Overlay
 					color='black'
 					gradient='linear-gradient(0deg, rgba(0, 0, 0, .85), rgba(0, 0, 0, 0.35))'

src/components/WeatherModal/WeatherModal.tsx

@@ -16,6 +16,7 @@ export function WeatherModal({
 	weatherModalOpened,
 	setProviderLabel,
 	setProviderURL,
+	setValue,
 	isMobile,
 }: any) {
 	const [theme, _] = useAtom(appTheme);
@@ -50,6 +51,7 @@ export function WeatherModal({
 			onClose={() => {
 				closeWeatherModal();
 				setProviderLabel('Google Search');
+				setValue('');
 				setProviderURL('https://www.google.com/search?q=');
 			}}
 			style={{