update

src/App.js

-import React, { Component } from "react";
-import { IntlProvider } from "react-intl";
+import React, { Component } from 'react';
+import { IntlProvider } from 'react-intl';
 
-import messages_en from "./translations/en.json";
-import messages_th from "./translations/th.json";
-import { connect } from "react-redux";
+import messages_en from './translations/en.json';
+import messages_th from './translations/th.json';
+import { connect } from 'react-redux';
 
-import Header from "components/Header";
-import Homepage from "pages/Homepage";
-import "./scss/style.scss";
+import Header from 'components/Header';
+import Homepage from 'pages/Homepage';
+import './scss/style.scss';
 
 const App = () => {
 	return (
@@ -20,19 +20,14 @@ const App = () => {
 
 const messages = {
 	en: messages_en,
-  th: messages_th
+	th: messages_th,
 };
 
 class IntlApp extends Component {
 	render() {
 		const { language } = this.props;
 		return (
-      <IntlProvider
-        defaultLocale="en"
-        locale={language}
-        key={language}
-        messages={messages[language]}
-      >
+			<IntlProvider defaultLocale="en" locale={language} key={language} messages={messages[language]}>
 				<App />
 			</IntlProvider>
 		);
@@ -41,7 +36,7 @@ class IntlApp extends Component {
 
 const mapStateToProps = state => {
 	return {
-    language: state.localeReducer.language
+		language: state.localeReducer.language,
 	};
 };
 

src/components/Home/Banner.js

@@ -3,12 +3,7 @@ import React from 'react';
 export default class Banner extends React.Component {
 	render() {
 		return (
-			<>
-				<div
-					className="section"
-					style={{
-						background: 'linear-gradient(to right bottom, #194db7, #3fd4e6)',
-					}}>
+			<div className="section " style={{ background: 'linear-gradient(to right bottom, #194db7, #3fd4e6)' }}>
 				<div className="content-width">
 					<div className="banner-text-container">
 						<h1 className="banner-title">NEXPIE IOT Platform</h1>
@@ -19,7 +14,6 @@ export default class Banner extends React.Component {
 					</div>
 				</div>
 			</div>
-			</>
 		);
 	}
 }