From 34354e957724dc5578a3532fff250d475119a90c Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Mon, 14 Oct 2019 18:17:39 +0300
Subject: [PATCH] Menu component update

js -> jsx
update imports
no default import
---
 src/components/App.js                | 2 +-
 src/components/{Menu.js => Menu.jsx} | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)
 rename src/components/{Menu.js => Menu.jsx} (93%)

diff --git a/src/components/App.js b/src/components/App.js
index f95f9c31..05a0d3cd 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import Menu from './Menu'
+import { Menu } from './Menu'
 import Footer from './Footer'
 import Comments from './Comments'
 
diff --git a/src/components/Menu.js b/src/components/Menu.jsx
similarity index 93%
rename from src/components/Menu.js
rename to src/components/Menu.jsx
index 39308008..e757de18 100644
--- a/src/components/Menu.js
+++ b/src/components/Menu.jsx
@@ -1,4 +1,4 @@
-const React = require('react')
+import React from 'react'
 const getPathWithNoTrailingSlas = require('../lib/url').getPathWithNoTrailingSlash
 
 const hasSubmenu = item => !!item.items
@@ -24,7 +24,7 @@ const MenuToggle = () => (
 	</div>
 )
 
-const Menu = ({items}) => {
+export const Menu = ({items}) => {
 	const content = items.map((item, index) => (
 		<li key={index}
 			className={`HMenu__item ${hmenuCurClassName(item.highlighted)} ${item.color} ${selectedClassName(item.highlighted)}`}
@@ -54,5 +54,3 @@ const Submenu = ({items}) => (
 		))}
 	</menu>
 )
-
-module.exports = Menu