From af001d8dfa8797a36b0db106370cf0d405f4ce90 Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Mon, 1 Aug 2022 17:53:32 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20Hover=20in=20ModuleWrapper?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/moduleWrapper.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/modules/moduleWrapper.tsx b/src/modules/moduleWrapper.tsx
index e3c4bbb8a..94cb1ffb4 100644
--- a/src/modules/moduleWrapper.tsx
+++ b/src/modules/moduleWrapper.tsx
@@ -181,6 +181,9 @@ export function ModuleWrapper(props: any) {
 export function ModuleMenu(props: any) {
   const { module, styles, hovered } = props;
   const items: JSX.Element[] = getItems(module);
+  if (!hovered) {
+    return null;
+  }
   return (
     <>
       {module.options && (
@@ -207,12 +210,7 @@ export function ModuleMenu(props: any) {
                 right: 12,
               }}
             >
-              <motion.div
-                animate={{
-                  //TODO: fix the hover problem
-                  opacity: hovered ? 1 : 1,
-                }}
-              >
+              <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }}>
                 <ActionIcon>
                   <IconAdjustments />
                 </ActionIcon>