Use Fragments instead of divs

oguzozgen · Jun 14, 2018 · c500116 · c500116
1 parent ec7fd0f
commit c500116
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/layouts/index.js b/src/layouts/index.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 import Helmet from 'react-helmet';
 import styled, { css } from 'styled-components';
@@ -26,7 +26,7 @@ const TemplateWrapper = ({
  location: { pathname },
  children,
 }) => (
- <div>
+ <Fragment>
  <Helmet title={title} meta={[{ name: 'description', content: description }]}>
  <link
  rel="shortcut icon"
@@ -54,9 +54,9 @@ const TemplateWrapper = ({
  firstChapter={toc[0]}
  />
 
- <div>{children()}</div>
+ {children()}
  <Footer />
- </div>
+ </Fragment>
 );
 
 TemplateWrapper.propTypes = {

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import styled from 'styled-components';
 import { darken } from 'polished';
 
@@ -222,7 +222,7 @@ export default ({ data: { site: { siteMetadata: { toc, defaultTranslation } }, p
  const firstChapter = toc[0];
 
  return (
- <div>
+ <Fragment>
  <Wrapper>
  <Content>
  <Pitch>
@@ -372,7 +372,7 @@ export default ({ data: { site: { siteMetadata: { toc, defaultTranslation } }, p
  }
  />
  </FAQLayout>
- </div>
+ </Fragment>
  );
 };