fix(docs): use Link component for hashes

bigcommerce · Nov 18, 2019 · 14688e6 · 14688e6
1 parent e88466f
commit 14688e6
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 12 deletions.
diff --git a/packages/docs/PropTables/StatefulTablePropTable.tsx b/packages/docs/PropTables/StatefulTablePropTable.tsx
@@ -1,12 +1,14 @@
-import { NextLink, Prop, PropTable, PropTableWrapper } from '../components';
+import { Link } from '@bigcommerce/big-design';
+
+import { Prop, PropTable, PropTableWrapper } from '../components';
 
 const statefulTableProps: Prop[] = [
   {
     name: 'columns',
-    types: <NextLink href="#stateful-table-columns-prop-table">Columns[]</NextLink>,
+    types: <Link href="#stateful-table-columns-prop-table">Columns[]</Link>,
     description: (
       <>
-        See <NextLink href="#stateful-table-columns-prop-table">below</NextLink> for usage.
+        See <Link href="#stateful-table-columns-prop-table">below</Link> for usage.
       </>
     ),
     required: true,

diff --git a/packages/docs/PropTables/TablePropTable.tsx b/packages/docs/PropTables/TablePropTable.tsx
@@ -1,12 +1,14 @@
+import { Link } from '@bigcommerce/big-design';
+
 import { NextLink, Prop, PropTable, PropTableWrapper } from '../components';
 
 const tableProps: Prop[] = [
   {
     name: 'columns',
-    types: <NextLink href="#table-columns-prop-table">Columns[]</NextLink>,
+    types: <Link href="#table-columns-prop-table">Columns[]</Link>,
     description: (
       <>
-        See <NextLink href="#table-columns-prop-table">below</NextLink> for usage.
+        See <Link href="#table-columns-prop-table">below</Link> for usage.
       </>
     ),
     required: true,
@@ -39,19 +41,19 @@ const tableProps: Prop[] = [
   },
   {
     name: 'selectable',
-    types: <NextLink href="#table-selectable-prop-table">Selectable</NextLink>,
+    types: <Link href="#table-selectable-prop-table">Selectable</Link>,
     description: (
       <>
-        See <NextLink href="#table-selectable-prop-table">below</NextLink> for usage.
+        See <Link href="#table-selectable-prop-table">below</Link> for usage.
       </>
     ),
   },
   {
     name: 'sortable',
-    types: <NextLink href="#table-sortable-prop-table">Sortable</NextLink>,
+    types: <Link href="#table-sortable-prop-table">Sortable</Link>,
     description: (
       <>
-        See <NextLink href="#table-sortable-prop-table">below</NextLink> for usage.
+        See <Link href="#table-sortable-prop-table">below</Link> for usage.
       </>
     ),
   },

diff --git a/packages/docs/PropTables/TabsPropTable.tsx b/packages/docs/PropTables/TabsPropTable.tsx
@@ -1,6 +1,7 @@
+import { Link } from '@bigcommerce/big-design';
 import React from 'react';
 
-import { NextLink, Prop, PropTable, PropTableWrapper } from '../components';
+import { Prop, PropTable, PropTableWrapper } from '../components';
 
 const tabsProps: Prop[] = [
   {
@@ -10,10 +11,10 @@ const tabsProps: Prop[] = [
   },
   {
     name: 'items',
-    types: <NextLink href="#tabs-items-prop-table">TabItem[]</NextLink>,
+    types: <Link href="#tabs-items-prop-table">TabItem[]</Link>,
     description: (
       <>
-        See <NextLink href="#tabs-items-prop-table">below</NextLink> for usage.
+        See <Link href="#tabs-items-prop-table">below</Link> for usage.
       </>
     ),
   },