+
{props.children}
)
diff --git a/src/components/common/templates/ContentWrapper/ContentWrapper.js b/src/components/common/templates/ContentWrapper/ContentWrapper.js
new file mode 100644
index 0000000..11b5a3d
--- /dev/null
+++ b/src/components/common/templates/ContentWrapper/ContentWrapper.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import { makeStyles } from '@material-ui/core/styles'
+
+import Container from '@material-ui/core/Container'
+import Grid from '@material-ui/core/Grid'
+
+const ContentWrapper = (props) => {
+ return (
+
+
+ {
+ props.items.map((item) => props.children(item))
+ }
+
+
+ )
+}
+
+export default ContentWrapper
diff --git a/src/components/common/templates/ContentWrapper/ContentWrapper.stories.js b/src/components/common/templates/ContentWrapper/ContentWrapper.stories.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/common/templates/ContentWrapper/index.js b/src/components/common/templates/ContentWrapper/index.js
new file mode 100644
index 0000000..f59a9c4
--- /dev/null
+++ b/src/components/common/templates/ContentWrapper/index.js
@@ -0,0 +1,2 @@
+import ContentWrapper from './ContentWrapper'
+export default ContentWrapper
diff --git a/src/containers/AboutContainer.js b/src/containers/AboutContainer.js
index 4e4ea42..491ba0c 100644
--- a/src/containers/AboutContainer.js
+++ b/src/containers/AboutContainer.js
@@ -3,15 +3,19 @@ import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import { Link } from 'react-router-dom'
+import Header from '../components/base/Header'
import Article from '../components/common/templates/Article'
const AboutContainer = (props) => {
return (
-
- About this page
- This page is a bolierplate for React App. If you want to use it, feel free to try out!
- Go back to home
-
+ <>
+
+
+ About this page
+ This page is a bolierplate for React App. If you want to use it, feel free to try out!
+ Go back to home
+
+
)
}
diff --git a/src/containers/MainContainer.js b/src/containers/MainContainer.js
index bfb9dcc..a17e0a5 100644
--- a/src/containers/MainContainer.js
+++ b/src/containers/MainContainer.js
@@ -4,22 +4,27 @@ import { bindActionCreators } from 'redux'
import { Link } from 'react-router-dom'
import SimpleCounter from '../components/SimpleCounter'
-import Article from '../components/common/templates/Article'
+import Header from '../components/base/Header'
+import ContentWrapper from '../components/common/templates/ContentWrapper'
+import MainButton from '../components/common/main/MainButton'
import * as appActions from '../redux/modules/app'
+const items = [
+ '메뉴 관리',
+ '주문 확인'
+]
+
const MainContainer = (props) => {
return (
-
- Hi, there!
-
- props.appActions.increment(1)}
- decrement={() => props.appActions.decrement(1)}
- value={props.value} />
-
- Want to know about this page?
-
+ <>
+
+
+ {
+ (item) => {item}
+ }
+
+
)
}
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..06cc543
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,3 @@
+body {
+ margin: 0px;
+}
diff --git a/src/index.js b/src/index.js
index 429431a..919afe8 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,14 +1,18 @@
import React from 'react'
import ReactDOM from 'react-dom'
+// import './index.css'
import { BrowserRouter } from 'react-router-dom'
import { Provider } from 'react-redux'
+import CssBaseline from '@material-ui/core/CssBaseline'
+
import store from './redux'
import App from './pages/App'
ReactDOM.render(
+
,