feat(appmenu): add external button clickable area

OggyKUN · OggyKUN · commit 5e09e23d14b2 · 2024-07-27T15:54:15.000+03:00
diff --git a/src/components/appMenu/CircularMenu/CircularMenuItem.module.scss b/src/components/appMenu/CircularMenu/CircularMenuItem.module.scss
@@ -40,6 +40,13 @@
   display: flex;
 }
 
+.navLink {
+  display: block;
+  padding: 12px;
+  position: inherit;
+  margin: -12px;
+}
+
 .external {
   display: block;
   position: absolute;
diff --git a/src/components/appMenu/CircularMenu/CircularMenuItem.tsx b/src/components/appMenu/CircularMenu/CircularMenuItem.tsx
@@ -19,7 +19,7 @@ function CircularMenuItem({ item, onClick, selected }: Props) {
         <NavLink
           to={item.to}
           onClick={onClick}
-          style={{ position: 'inherit' }}
+          className={styles.navLink}
           {...(isExternal && { target: '_blank', rel: 'noreferrer noopener' })}
         >
           <img src={item.icon} className={styles.icon} alt="img" />

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ function CircularMenuItem({ item, onClick, selected }: Props) {`
`19`	`19`	`<NavLink`
`20`	`20`	`to={item.to}`
`21`	`21`	`onClick={onClick}`
`22`		`- style={{ position: 'inherit' }}`
	`22`	`+ className={styles.navLink}`
`23`	`23`	`{...(isExternal && { target: '_blank', rel: 'noreferrer noopener' })}`
`24`	`24`	`>`
`25`	`25`	`<img src={item.icon} className={styles.icon} alt="img" />`