Share component refactoring

pages/document/[document].jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import Head from 'next/head'
 import { App } from '../../src/components/App'
 import Document from '../../src/components/Document'
-import Share from '../../src/components/Share'
+import { Share } from '../../src/components/Share'
 import menuModel from '../../src/models/menu'
 import { buildMenu } from '../../src/lib/menu'
 import { meta } from '../../src/lib/meta'

pages/schedule.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import Head from 'next/head'
 import { App } from '../src/components/App'
 import { Schedule } from '../src/components/Schedule'
-import Share from '../src/components/Share'
+import { Share } from '../src/components/Share'
 import menuModel from '../src/models/menu'
 import { buildMenu } from '../src/lib/menu'
 import { createApiUrl, requestGet, wrapInitialProps } from '../src/next-lib'

src/components/Article.js

@@ -1,5 +1,6 @@
 import React from 'react'
 import { dateFormat } from '../lib/date'
+import { Share } from './Share'
 
 const Tag = ({ children }) => (
     <li className="ArticleTags-Item">
@@ -29,15 +30,6 @@ const Head = ({ date, tags = [], children }) => (
     </header>
 )
 
-const Share = () => (
-    <div className="likely">
-        <div className="vkontakte">Поделиться</div>
-        <div className="facebook">Поделиться</div>
-        <div className="telegram">Отправить</div>
-        <div className="twitter">Твитнуть</div>
-    </div>
-)
-
 const Article = ({ children, date, tags, title, shareable }) => (
     <article className="Article">
         <Head

src/components/Page/index.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import Share from '../Share'
+import { Share } from '../Share'
 import Html from '../Html'
 
 export interface IPageProps {

src/components/Share/index.tsx

@@ -1,6 +1,6 @@
-const React = require('react')
+import * as React from 'react'
 
-const Share = () => (
+export const Share: React.FC = () => (
 	<div className="likely">
 		<div className="vkontakte">Поделиться</div>
 		<div className="facebook">Поделиться</div>
@@ -8,5 +8,3 @@ const Share = () => (
 		<div className="twitter">Твитнуть</div>
 	</div>
 )
-
-module.exports = Share