From a79e110aa3b241b76d84379ccdc8ed351f746d01 Mon Sep 17 00:00:00 2001
From: Tagaishi <tagaishi@hotmail.ch>
Date: Thu, 27 Jul 2023 02:56:12 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Multiline=20tooltip=20again?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Tiles/Widgets/WidgetsEditModal.tsx        | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx b/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx
index 2737b3f4d..e6b92a176 100644
--- a/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx
+++ b/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx
@@ -136,7 +136,7 @@ const WidgetOptionTypeSwitch: FC<{
   handleChange: (key: string, value: IntegrationOptionsValueType) => void;
 }> = ({ option, widgetId, propName: key, value, handleChange }) => {
   const { t } = useTranslation([`modules/${widgetId}`, 'common']);
-  const { fn, colorScheme } = useMantineTheme();
+  const { colorScheme } = useMantineTheme();
 
   switch (option.type) {
     case 'switch':
@@ -155,7 +155,7 @@ const WidgetOptionTypeSwitch: FC<{
               position="right-start"
               c={ colorScheme === 'light' ? "black" : "dark.0" }
               color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
-              width={300}
+              styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
               multiline
             >
               <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -175,7 +175,7 @@ const WidgetOptionTypeSwitch: FC<{
                 position="right-start"
                 c={ colorScheme === 'light' ? "black" : "dark.0" }
                 color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
-                width={300}
+                styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
                 multiline
               >
                 <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -201,7 +201,7 @@ const WidgetOptionTypeSwitch: FC<{
                 position="right-start"
                 c={ colorScheme === 'light' ? "black" : "dark.0" }
                 color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
-                width={300}
+                styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
                 multiline
               >
                 <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -229,7 +229,7 @@ const WidgetOptionTypeSwitch: FC<{
                 position="right-start"
                 c={ colorScheme === 'light' ? "black" : "dark.0" }
                 color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
-                width={300}
+                styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
                 multiline
               >
                 <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -257,7 +257,7 @@ const WidgetOptionTypeSwitch: FC<{
                 position="right-start"
                 c={ colorScheme === 'light' ? "black" : "dark.0" }
                 color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
-                width={300}
+                styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
                 multiline
               >
                 <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -283,7 +283,7 @@ const WidgetOptionTypeSwitch: FC<{
                 position="right-start"
                 c={ colorScheme === 'light' ? "black" : "dark.0" }
                 color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
-                width={300}
+                styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
                 multiline
               >
                 <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -345,7 +345,7 @@ const WidgetOptionTypeSwitch: FC<{
                 position="right-start"
                 c={ colorScheme === 'light' ? "black" : "dark.0" }
                 color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
-                width={300}
+                styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
                 multiline
               >
                 <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -386,7 +386,7 @@ const WidgetOptionTypeSwitch: FC<{
                 position="right-start"
                 c={ colorScheme === 'light' ? "black" : "dark.0" }
                 color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
-                width={300}
+                styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
                 multiline
               >
                 <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
@@ -423,7 +423,7 @@ const WidgetOptionTypeSwitch: FC<{
                 position="right-start"
                 c={ colorScheme === 'light' ? "black" : "dark.0" }
                 color={ colorScheme === 'light' ? "dark.0" : "dark.6" }
-                width={300}
+                styles={{ tooltip: { '&': { maxWidth: 300, }, }, }}
                 multiline
               >
                 <IconAlertCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />