Merge pull request primer#674 from primer/octicon_rails_view_component

Changing rails helper example to view component
Sklana · Oct 14, 2021 · ac87d39 · ac87d39
2 parents df2ad7b + 87c8d0c
commit ac87d39
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 38 deletions.
diff --git a/docs/content/packages/index.mdx b/docs/content/packages/index.mdx
@@ -3,7 +3,7 @@ title: Packages
 ---
 
 - [Ruby](/packages/ruby)
-- [Rails](/packages/rails)
+- [View Component](https://primer.style/view-components/components/octicon)
 - [Jekyll](/packages/jekyll)
 - [JavaScript](/packages/javascript)
-- [React](/packages/react)
+- [React](/packages/react)
diff --git a/docs/content/packages/rails.mdx b/docs/content/packages/rails.mdx
diff --git a/docs/src/@primer/gatsby-theme-doctocat/nav.yml b/docs/src/@primer/gatsby-theme-doctocat/nav.yml
@@ -12,8 +12,6 @@
   children:
     - title: Ruby
       url: /packages/ruby
-    - title: Rails
-      url: /packages/rails
     - title: Jekyll
       url: /packages/jekyll
     - title: JavaScript

diff --git a/docs/src/templates/icon-page.js b/docs/src/templates/icon-page.js
@@ -104,9 +104,9 @@ export default function IconPage({pageContext}) {
           <H2>Usage</H2>
           <Paragraph>
             You can use the{' '}
-            <Link as={GatsbyLink} to="/packages/rails">
-              Rails helper
-            </Link>
+            <a href="https://primer.style/view-components/components/octicon">
+              View Component
+            </a>
             ,{' '}
             <Link as={GatsbyLink} to="/packages/jekyll">
               Jekyll helper
@@ -118,8 +118,8 @@ export default function IconPage({pageContext}) {
             to include Octicons on your site. Below are code examples for each:
           </Paragraph>
 
-          <H3>Ruby</H3>
-          <Code>{`<%= octicon "${pageContext.name}", :height => ${icon.height} %>`}</Code>
+          <H3>Octicon View Component</H3>
+          <Code>{`<%= render(Primer::OcticonComponent.new(:"${pageContext.name}")) %>`}</Code>
 
           <H3>Jekyll</H3>
           <Code>{`{% octicon ${pageContext.name} height:${icon.height} %}`}</Code>