imbric-theme 0.3.1 → 0.3.2

package/layout/Sidebar/Sidebar.js

@@ -67,7 +67,6 @@ export const Sidebar = ({ getStyles, menuCollapseView }) => {
                         >
                           {item.text}
                         </ItemMenu>
-                        
                         : null
 
                     ))}

package/molecules/ItemMenu/ItemMenu.js

@@ -5,12 +5,9 @@ import styles from './ItemMenu.module.css'
 import { options } from './constants'
 import withStyles from '../../hocs/withStyles'
 
-import { Link, Route, BrowserRouter } from 'react-router-dom'
-
 import Icon from '../../atoms/Icon'
 
-
-export const ItemMenu = ({ children, getStyles, size, icon, color, background, subMenu, itemSubmenu, toHref }) => {
+export const ItemMenu = ({ children, getStyles, size, icon, color, background, subMenu, itemSubmenu }) => {
 
   //create initial menuCollapse state using useState hook
   const [subMenuCollapse, setSubMenuCollapse] = useState(false)
@@ -25,33 +22,29 @@ export const ItemMenu = ({ children, getStyles, size, icon, color, background, s
   if (!subMenu) {
     return (
       <>
-        <BrowserRouter>
-          <Link to={toHref}>
-            <li className={getStyles('pro-menu-item')}>
+        <li className={getStyles('pro-menu-item')}>
 
-              <div className={getStyles('pro-inner-item')}>
+          <div className={getStyles('pro-inner-item')}>
 
-                <span className={getStyles('pro-icon-wrapper')}>
+            <span className={getStyles('pro-icon-wrapper')}>
 
-                  <span className={getStyles('pro-icon')}>
-                    <Icon
-                      size={size}
-                      name={icon}
-                      color={color}
-                      background={background}
-                      onClick={function noRefCheck() { }}
-                    />
-                  </span>
+              <span className={getStyles('pro-icon')}>
+                <Icon
+                  size={size}
+                  name={icon}
+                  color={color}
+                  background={background}
+                  onClick={function noRefCheck() { }}
+                />
+              </span>
 
-                </span>
+            </span>
 
-                <span className={getStyles('pro-item-content', { 'color': color })}>{children}</span>
+            <span className={getStyles('pro-item-content', { 'color': color })}>{children}</span>
 
-              </div>
+          </div>
 
-            </li>
-          </Link>
-        </BrowserRouter>
+        </li>
       </>
     )
   } else {
@@ -117,7 +110,6 @@ ItemMenu.propTypes = {
 
 ItemMenu.defaultProps = {
   subMenu: false,
-  toHref: '/',
   icon: 'home',
   size: 'lg',
   color: 'highlight',

package/molecules/ItemMenu/ItemMenu.stories.js

@@ -16,7 +16,6 @@ export default {
     children: 'Home',
     subMenu: false,
     itemSubmenu: options.itemSubmenu,
-    toHref: '/',
   },
   argTypes: {
     itemSubmenu: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imbric-theme",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Components library IMBRIC",
   "private": false,
   "main": "index.js",

package/styles/globals.css

@@ -8,8 +8,3 @@ body {
 #root {
   height: 100%;
 }
-
-a:-webkit-any-link {
-  cursor: pointer;
-  text-decoration: none;
-}