From db27d7a2e21c6e1699cd5fb497af845c242903e6 Mon Sep 17 00:00:00 2001 From: W3LabKr Date: Thu, 1 Sep 2022 11:58:26 +0900 Subject: [PATCH 1/9] refactor: update template component --- src/App.js | 17 ++++++++--------- src/pages/Home/index.jsx | 24 +++++++++--------------- src/templates/Head.jsx | 27 --------------------------- src/templates/Layout.jsx | 14 ++++++++++++++ 4 files changed, 31 insertions(+), 51 deletions(-) delete mode 100644 src/templates/Head.jsx create mode 100644 src/templates/Layout.jsx diff --git a/src/App.js b/src/App.js index feda2b6..902c999 100644 --- a/src/App.js +++ b/src/App.js @@ -1,12 +1,12 @@ import { useMemo } from 'react'; import { useRecoilState } from 'recoil'; +import { Helmet } from 'react-helmet-async'; import { ThemeProvider, createTheme } from '@mui/material/styles'; import CssBaseline from '@mui/material/CssBaseline'; import { themeColorModeState } from './store/atoms/theme'; import { ColorModeContext } from './contexts/theme'; import useGATracker from './hooks/useGATracker'; -import Page from './pages/Home'; -import Head from './templates/Head'; +import Home from './pages/Home'; function App() { const [mode, setMode] = useRecoilState(themeColorModeState); @@ -39,14 +39,13 @@ function App() { + + Smart Shuffle Words + + +
- - +
diff --git a/src/pages/Home/index.jsx b/src/pages/Home/index.jsx index 7006491..d03fb09 100644 --- a/src/pages/Home/index.jsx +++ b/src/pages/Home/index.jsx @@ -1,24 +1,18 @@ import Box from '@mui/material/Box'; import Stack from '@mui/material/Stack'; -import Header from '~/templates/Header'; -import Main from '~/templates/Main'; -import Footer from '~/templates/Footer'; +import Layout from '~/templates/Layout'; import Actions from './components/Actions'; import Settings from './components/Settings'; export default function Page() { return ( - <> -
-
- - - - - - -
-