Fix broken inline component links (primer#2082)

* updates Link href paths that link to React components * adds changeset
PrinceSumberia · Aug 1, 2022 · 06077e1 · 06077e1
1 parent 50488e8
commit 06077e1
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 6 deletions.
diff --git a/.changeset/empty-geese-return.md b/.changeset/empty-geese-return.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Fixes broken links in the documentation
diff --git a/docs/content/ActionMenu.mdx b/docs/content/ActionMenu.mdx
@@ -329,7 +329,7 @@ render(
   <PropsTablePassthroughPropsRow
     elementName="Button"
     isPolymorphic
-    passthroughPropsLink={<Link href="react/Button">Button docs</Link>}
+    passthroughPropsLink={<Link href="/react/Button">Button docs</Link>}
   />
 </PropsTable>
 
@@ -346,7 +346,7 @@ render(
   <PropsTableRow name="align" type="start | center | end" defaultValue="start" />
   <PropsTablePassthroughPropsRow
     elementName="Overlay"
-    passthroughPropsLink={<Link href="react/Overlay">Overlay docs</Link>}
+    passthroughPropsLink={<Link href="/react/Overlay">Overlay docs</Link>}
   />
 </PropsTable>
 

diff --git a/docs/content/AnchoredOverlay.mdx b/docs/content/AnchoredOverlay.mdx
@@ -108,7 +108,7 @@ See also [Overlay positioning](/Overlay#positioning).
     name="overlayProps"
     type={
       <>
-        Partial&lt;<Link href="/Overlay#props">OverlayProps</Link>&gt;
+        Partial&lt;<Link href="/react/Overlay#props">OverlayProps</Link>&gt;
       </>
     }
     description={
@@ -121,7 +121,7 @@ See also [Overlay positioning](/Overlay#positioning).
     name="focusTrapSettings"
     type={
       <>
-        Partial&lt;<Link href="/focusTrap#focustraphooksettings-interface">FocusTrapHookSettings</Link>&gt;
+        Partial&lt;<Link href="/react/focusTrap#focustraphooksettings-interface">FocusTrapHookSettings</Link>&gt;
       </>
     }
     description={
@@ -134,7 +134,7 @@ See also [Overlay positioning](/Overlay#positioning).
     name="focusZoneSettings"
     type={
       <>
-        Partial&lt;<Link href="/focusZone#focuszonehooksettings-interface">FocusZoneHookSettings</Link>&gt;
+        Partial&lt;<Link href="/react/focusZone#focuszonehooksettings-interface">FocusZoneHookSettings</Link>&gt;
       </>
     }
     description={

diff --git a/docs/content/Autocomplete.mdx b/docs/content/Autocomplete.mdx
@@ -590,7 +590,7 @@ render(<MultiSelectAddNewItem />)
     isPolymorphic
     passthroughPropsLink={
       <>
-        the <Link href="/TextInput">TextInput docs</Link>
+        the <Link href="/react/TextInput">TextInput docs</Link>
       </>
     }
   />