From 7a144d73dbf71c9e7ed4ebbaf6c15164223f9461 Mon Sep 17 00:00:00 2001
From: SeDemal <demal.sebastien@bluewin.ch>
Date: Fri, 2 Aug 2024 01:12:27 +0200
Subject: [PATCH] fix: apply size to style directly to prevent warnings on size

---
 packages/widgets/src/dns-hole/summary/component.tsx | 2 +-
 packages/widgets/src/rssFeed/component.tsx          | 2 +-
 packages/widgets/src/weather/component.tsx          | 2 +-
 packages/widgets/src/weather/icon.tsx               | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/widgets/src/dns-hole/summary/component.tsx b/packages/widgets/src/dns-hole/summary/component.tsx
index 8eb1a8a02..59f7be70a 100644
--- a/packages/widgets/src/dns-hole/summary/component.tsx
+++ b/packages/widgets/src/dns-hole/summary/component.tsx
@@ -111,7 +111,7 @@ const StatCard = ({ item, data, usePiHoleColors }: StatCardProps) => {
         direction={isLong ? "row" : "column"}
         style={{ containerType: "size" }}
       >
-        <item.icon className="summary-card-icon" size="50cqmin" style={{ margin: "2cqmin" }} />
+        <item.icon className="summary-card-icon" style={{ margin: "2cqmin", height: "50cqmin", width: "50cqmin" }} />
         <Flex
           className="summary-card-texts"
           justify="center"
diff --git a/packages/widgets/src/rssFeed/component.tsx b/packages/widgets/src/rssFeed/component.tsx
index 28d39b7bf..4a3467131 100644
--- a/packages/widgets/src/rssFeed/component.tsx
+++ b/packages/widgets/src/rssFeed/component.tsx
@@ -66,7 +66,7 @@ export default function RssFeed({ serverData, options }: WidgetComponentProps<"r
 
 const InfoDisplay = ({ date }: { date: string }) => (
   <Group gap="2.5cqmin">
-    <IconClock size="2.5cqmin" />
+    <IconClock style={{ height: "3cqmin", width: "3cqmin" }} />
     <Text size="2.5cqmin" c="dimmed" pt="1cqmin">
       {date}
     </Text>
diff --git a/packages/widgets/src/weather/component.tsx b/packages/widgets/src/weather/component.tsx
index d7ad12484..8e2666c7a 100644
--- a/packages/widgets/src/weather/component.tsx
+++ b/packages/widgets/src/weather/component.tsx
@@ -82,7 +82,7 @@ const WeeklyForecast = ({ options, weather }: WeatherProps) => {
       <Group className="weather-forecast-city-temp-group" wrap="nowrap" gap="5cqmin">
         {options.showCity && (
           <>
-            <IconMapPin size="20cqmin" />
+            <IconMapPin style={{ height: "20cqmin", width: "20cqmin" }} />
             <Text size="15cqmin" style={{ whiteSpace: "nowrap" }}>
               {options.location.name}
             </Text>
diff --git a/packages/widgets/src/weather/icon.tsx b/packages/widgets/src/weather/icon.tsx
index 25a25b34d..83c8c0eb5 100644
--- a/packages/widgets/src/weather/icon.tsx
+++ b/packages/widgets/src/weather/icon.tsx
@@ -29,7 +29,7 @@ interface WeatherIconProps {
 export const WeatherIcon = ({ code, size = 50 }: WeatherIconProps) => {
   const { icon: Icon } = weatherDefinitions.find((definition) => definition.codes.includes(code)) ?? unknownWeather;
 
-  return <Icon style={{ float: "left" }} size={size} />;
+  return <Icon style={{ float: "left", height: size, width: size }} />;
 };
 
 interface WeatherDescriptionProps {