mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-07 14:46:38 +02:00
Code Issues Releases Wiki Activity

Move pages to /pages

Browse Source
This commit is contained in:
Phuoc Nguyen
2019-11-28 12:17:41 +07:00
parent fbed770a29
commit 97acac4e45
5 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
client/App.tsx
View File

@@ -3,17 +3,16 @@ import { BrowserRouter as Router, Route, Switch as RouteSwitch } from 'react-rou
import './index.css'; import './index.css';
import Explore from './Explore'; import ExplorePage from './pages/ExplorePage';
import Home from './Home'; import HomePage from './pages/HomePage';
import PatternPage from './PatternPage'; import PatternPage from './pages/PatternPage';
const App = () => { const App = () => {
return ( return (
<Router> <Router>
<RouteSwitch> <RouteSwitch>
<Route exact={true} path='/'><Home /></Route> <Route exact={true} path='/'><HomePage /></Route>
<Route exact={true} path='/patterns'><Explore /></Route> <Route exact={true} path='/patterns'><ExplorePage /></Route>
<Route <Route
path='/patterns/:pattern' path='/patterns/:pattern'
render={(props) => <PatternPage pattern={props.match.params.pattern as string} />} // tslint:disable-line render={(props) => <PatternPage pattern={props.match.params.pattern as string} />} // tslint:disable-line

14
client/Explore.tsx → client/pages/ExplorePage.tsx
View File

@@ -1,13 +1,13 @@
import React from 'react'; import React from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import CoverCard from './components/CoverCard'; import CoverCard from '../components/CoverCard';
import Heading from './components/Heading'; import Heading from '../components/Heading';
import Pattern from './constants/Pattern'; import Pattern from '../constants/Pattern';
import useDocumentTitle from './hooks/useDocumentTitle'; import useDocumentTitle from '../hooks/useDocumentTitle';
import Layout from './layouts/Layout'; import Layout from '../layouts/Layout';
const Home = () => { const ExplorePage = () => {
useDocumentTitle('CSS Layout ∙ Explore'); useDocumentTitle('CSS Layout ∙ Explore');
return ( return (
@@ -129,4 +129,4 @@ const Home = () => {
); );
}; };
export default Home; export default ExplorePage;

12
client/Home.tsx → client/pages/HomePage.tsx
View File

@@ -3,12 +3,12 @@ import { Link } from 'react-router-dom';
import './home.css'; import './home.css';
import CoverCard from './components/CoverCard'; import CoverCard from '../components/CoverCard';
import Pattern from './constants/Pattern'; import Pattern from '../constants/Pattern';
import useDocumentTitle from './hooks/useDocumentTitle'; import useDocumentTitle from '../hooks/useDocumentTitle';
import Layout from './layouts/Layout'; import Layout from '../layouts/Layout';
const Home = () => { const HomePage = () => {
useDocumentTitle('CSS Layout'); useDocumentTitle('CSS Layout');
return ( return (
@@ -241,4 +241,4 @@ const Home = () => {
); );
}; };
export default Home; export default HomePage;

4
client/PatternPage.tsx → client/pages/PatternPage.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import Pattern from './constants/Pattern'; import Pattern from '../constants/Pattern';
import DetailsLoader from './loaders/DetailsLoader'; import DetailsLoader from '../loaders/DetailsLoader';
interface PatternPageProps { interface PatternPageProps {
pattern: string; pattern: string;

0
client/home.css → client/pages/home.css
View File