fix: fix Aave Alarm hover - aave#1767

NandyBa · Sep 16, 2023 · 48ae432 · 48ae432
1 parent 317b8a8
commit 48ae432
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 42 deletions.
diff --git a/src/components/AaveAlarmLink.tsx b/src/components/AaveAlarmLink.tsx
@@ -72,22 +72,36 @@ export default function AaveAlarmLink() {
   };
 
   return (
-    <Tooltip
-      arrow
-      placement="top"
-      PopperComponent={PopperComponent}
-      title={
-        <Stack sx={{ py: 4, px: 6 }} spacing={1}>
-          <Typography variant="tooltip" color="text.secondary" fontWeight={500}>
-            <Trans>Setup notifications about your Health Factor using the Aave Alarm app.</Trans>
-          </Typography>
-          <Typography variant="tooltip" color="text.secondary" fontWeight={500}>
-            <Trans>This app was developed thanks to a grant from Aave Grants DAO</Trans>
-          </Typography>
-        </Stack>
-      }
-    >
-      <>
+    <>
+      <Tooltip
+        arrow
+        placement="top"
+        PopperComponent={PopperComponent}
+        title={
+          <Stack sx={{ py: 4, px: 6 }} spacing={1}>
+            <Typography variant="tooltip" color="text.secondary" fontWeight={500}>
+              <Trans>Setup notifications about your Health Factor using the Aave Alarm app.</Trans>
+            </Typography>
+            <Typography variant="tooltip" color="text.secondary" fontWeight={500}>
+              <Trans>
+                This integration was
+                <Link
+                  mx={1}
+                  variant="tooltip"
+                  color="text.secondary"
+                  fontWeight={500}
+                  target="_blank"
+                  rel="noopener"
+                  href="" // TODO: add link to the proposal
+                >
+                  proposed and approved
+                </Link>
+                by the community.
+              </Trans>
+            </Typography>
+          </Stack>
+        }
+      >
         <Button
           variant="surface"
           size="small"
@@ -112,26 +126,26 @@ export default function AaveAlarmLink() {
           </SvgIcon>
           <Trans>Notify</Trans>
         </Button>
-        <Menu
-          id="aave-alarm-menu"
-          anchorEl={anchorEl}
-          open={open}
-          onClose={handleClose}
-          MenuListProps={{
-            'aria-labelledby': 'lock-button',
-            role: 'listbox',
-          }}
-        >
-          <MenuList disablePadding sx={{ '.MuiMenuItem-root.Mui-disabled': { opacity: 1 } }}>
-            {Apps &&
-              Object.keys(Apps).map((key) => (
-                <MenuItem key={key} onClick={() => handleMenuItemClick(key as keyof Apps)}>
-                  {key}
-                </MenuItem>
-              ))}
-          </MenuList>
-        </Menu>
-      </>
-    </Tooltip>
+      </Tooltip>
+      <Menu
+        id="aave-alarm-menu"
+        anchorEl={anchorEl}
+        open={open}
+        onClose={handleClose}
+        MenuListProps={{
+          'aria-labelledby': 'lock-button',
+          role: 'listbox',
+        }}
+      >
+        <MenuList disablePadding sx={{ '.MuiMenuItem-root.Mui-disabled': { opacity: 1 } }}>
+          {Apps &&
+            Object.keys(Apps).map((key) => (
+              <MenuItem key={key} onClick={() => handleMenuItemClick(key as keyof Apps)}>
+                {key}
+              </MenuItem>
+            ))}
+        </MenuList>
+      </Menu>
+    </>
   );
 }
diff --git a/src/locales/en/messages.js b/src/locales/en/messages.js
diff --git a/src/locales/en/messages.po b/src/locales/en/messages.po
@@ -2422,10 +2422,6 @@ msgstr "This action will reduce your health factor. Please be mindful of the inc
 msgid "This address is blocked on app.aave.com because it is associated with one or more"
 msgstr "This address is blocked on app.aave.com because it is associated with one or more"
 
-#: src/components/AaveAlarmLink.tsx
-msgid "This app was developed thanks to a grant from Aave Grants DAO"
-msgstr "This app was developed thanks to a grant from Aave Grants DAO"
-
 #: src/components/caps/CapsTooltip.tsx
 msgid "This asset has almost reached its borrow cap. There is only {messageValue} available to be borrowed from this market."
 msgstr "This asset has almost reached its borrow cap. There is only {messageValue} available to be borrowed from this market."
@@ -2462,6 +2458,7 @@ msgstr "This asset is planned to be offboarded due to an Aave Protocol Governanc
 msgid "This gas calculation is only an estimation. Your wallet will set the price of the transaction. You can modify the gas settings directly from your wallet provider."
 msgstr "This gas calculation is only an estimation. Your wallet will set the price of the transaction. You can modify the gas settings directly from your wallet provider."
 
+#: src/components/AaveAlarmLink.tsx
 #: src/components/HALLink.tsx
 msgid "This integration was<0>proposed and approved</0>by the community."
 msgstr "This integration was<0>proposed and approved</0>by the community."