Swap links between header & footer

gfmio · Jul 9, 2018 · deb22aa · deb22aa
1 parent 406b78c
commit deb22aa
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/app/components/footer.tsx b/src/app/components/footer.tsx
@@ -22,7 +22,7 @@ export const Footer: React.StatelessComponent<IAsComponentProps & React.HTMLAttr
                             <Flex.Child>
                                 <SeparatorList separator=" &middot; ">
                                     <Link to="https://github.com/gfmio/github-pages-boilerplate">Github</Link>
-                                    <Link to="/some-page">Some page</Link>
+                                    <Link to="/non-existent">Purposefully broken link</Link>
                                     <Link to="/another-page">Another page</Link>
                                 </SeparatorList>
                             </Flex.Child>

diff --git a/src/app/components/header.tsx b/src/app/components/header.tsx
@@ -18,17 +18,23 @@ export const Header: React.StatelessComponent<IAsComponentProps & React.HTMLAttr
                         <Flex.Container as="ul" align="stretch" justify="flex-end" style={{ listStyle: "none", height: "100%" }} className="separate-row-medium">
                             <Flex.Child as="li">
                                 <Flex.Container align="stretch">
-                                    <Flex.Child><Link to="/">Home</Link></Flex.Child>
+                                    <Flex.Child>
+                                        <Link to="/">Home</Link>
+                                    </Flex.Child>
                                 </Flex.Container>
                             </Flex.Child>
                             <Flex.Child as="li">
                                 <Flex.Container align="stretch">
-                                    <Flex.Child><Link to="/non-existent">Purposefully broken link</Link></Flex.Child>
+                                    <Flex.Child>
+                                        <Link to="/some-page">Some page</Link>
+                                    </Flex.Child>
                                 </Flex.Container>
                             </Flex.Child>
                             <Flex.Child as="li">
                                 <Flex.Container align="stretch">
-                                    <Flex.Child><a href="https://github.com/gfmio/github-pages-boilerplate" target="_blank">Github</a></Flex.Child>
+                                    <Flex.Child>
+                                        <Link to="https://github.com/gfmio/github-pages-boilerplate">Github</Link>
+                                    </Flex.Child>
                                 </Flex.Container>
                             </Flex.Child>
                         </Flex.Container>