Fix up menus

oguzozgen · Aug 11, 2018 · 28a59a3 · 28a59a3
1 parent d499416
commit 28a59a3
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 33 deletions.
diff --git a/src/components/Header.js b/src/components/Header.js
@@ -205,23 +205,7 @@ export default function Header({ githubUrl, inverse, framework, firstChapter, is
  </Detail>
  </Meta>
  </TooltipItem>
- <TooltipItem>
- <ViewLayerImage src="/logo-vue.svg" alt="Vue" />
- <Meta>
- <Title>Vue</Title>
- <Detail>
- {/* <LanguageLink className="tertiary" isGatsby to={`/vue/en/${firstChapter}/`}>
- English
- </LanguageLink> */}
- <LanguageLink
- className="tertiary"
- href="https://github.com/hichroma/learnstorybook.com/issues/1"
- >
- In progress
- </LanguageLink>
- </Detail>
- </Meta>
- </TooltipItem>
+
  <TooltipItem>
  <ViewLayerImage src="/logo-angular.svg" alt="Angular" />
  <Meta>
@@ -244,6 +228,21 @@ export default function Header({ githubUrl, inverse, framework, firstChapter, is
  </Detail>
  </Meta>
  </TooltipItem>
+ <TooltipItem>
+ <ViewLayerImage src="/logo-vue.svg" alt="Vue" />
+ <Meta>
+ <Title>Vue</Title>
+ <Detail>
+ <LanguageLink
+ className="tertiary"
+ isGatsby
+ to={`/vue/en/${firstChapter}/`}
+ >
+ English
+ </LanguageLink>
+ </Detail>
+ </Meta>
+ </TooltipItem>
  </TooltipList>
  }
  >

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -224,14 +224,7 @@ const Chapters = styled.ol`
  counter-reset: counter;
 `;
 
-export default ({
- data: {
- site: {
- siteMetadata: { toc, defaultTranslation },
- },
- pages,
- },
-}) => {
+export default ({ data: { site: { siteMetadata: { toc, defaultTranslation } }, pages } }) => {
  const defaultPages = {
  edges: pages.edges.filter(e => e.node.fields.slug.match(defaultTranslation)),
  };
@@ -273,14 +266,6 @@ export default ({
  </Button>
  </Link>
  </Actions>
- <ActionHeading>Vue</ActionHeading>
- <Actions>
- <Link href="https://github.com/hichroma/learnstorybook.com/issues/1" target="_blank">
- <Button inverse>
- <ViewLayerImage src="/logo-vue.svg" alt="Vue" />In progress
- </Button>
- </Link>
- </Actions>
  <ActionHeading>Angular</ActionHeading>
  <Actions>
  <Link isGatsby to={`/angular/en/${firstChapter}`}>
@@ -294,6 +279,14 @@ export default ({
  </Button>
  </Link>
  </Actions>
+ <ActionHeading>Vue</ActionHeading>
+ <Actions>
+ <Link isGatsby to={`/vue/en/${firstChapter}`}>
+ <Button inverse>
+ <ViewLayerImage src="/logo-vue.svg" alt="Vue" />English
+ </Button>
+ </Link>
+ </Actions>
  </Pitch>
 
  <FigureWrapper>