docs: data table comp/react tutorial links/typos (#3366)

Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Feb 8, 2023 · 13a1fd6 · 13a1fd6 · vercel · Feb 8, 2023
1 parent 6c51e02
commit 13a1fd6
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 13 deletions.
diff --git a/src/pages/components/data-table/code.mdx b/src/pages/components/data-table/code.mdx
@@ -89,7 +89,7 @@ usage documentation, see the Storybooks for each framework below.
     knobs={{ DataTable: ['isSortable'], Table: ['size', 'useZebraStyles'] }}
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--minimal',
@@ -129,7 +129,7 @@ usage documentation, see the Storybooks for each framework below.
     knobs={{ DataTable: ['isSortable'], Table: ['size', 'useZebraStyles'] }}
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--default',
@@ -178,7 +178,7 @@ usage documentation, see the Storybooks for each framework below.
     knobs={{ DataTable: ['isSortable'] }}
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--with-expansion',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--slotted-expanding-data',
@@ -227,7 +227,7 @@ usage documentation, see the Storybooks for each framework below.
     id="with-batch-actions"
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--with-toolbar',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--default',

diff --git a/src/pages/components/data-table/usage.mdx b/src/pages/components/data-table/usage.mdx
@@ -87,7 +87,7 @@ import { TrashCan, Save, Download } from '@carbon/icons-react';
     knobs={{ DataTable: ['isSortable'], Table: ['size', 'useZebraStyles'] }}
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--minimal',
@@ -127,7 +127,7 @@ import { TrashCan, Save, Download } from '@carbon/icons-react';
     knobs={{ DataTable: ['isSortable'], Table: ['size', 'useZebraStyles'] }}
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--default',
@@ -176,7 +176,7 @@ import { TrashCan, Save, Download } from '@carbon/icons-react';
     knobs={{ DataTable: ['isSortable'] }}
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--with-expansion',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--slotted-expanding-data',
@@ -225,7 +225,7 @@ import { TrashCan, Save, Download } from '@carbon/icons-react';
     id="with-batch-actions"
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--with-toolbar',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--default',
@@ -595,7 +595,7 @@ A sorted data table has three states: unsorted (`arrows`), sorted-up
 sorted state and is only shown if sorting is activated. Only the column being
 sorted should display an icon, and unsorted icons are only visible on hover. You
 can see a demo of table sorting in
-Carbon’s [React Storybook](https://react.carbondesignsystem.com/?path=/story/components-datatable-sorting--usage).
+Carbon’s [React Storybook](https://react.carbondesignsystem.com/?path=/story/components-datatable-sorting--default).
 
 <Row>
 <Column colLg={12}>

diff --git a/src/pages/developing/react-tutorial/step-2.mdx b/src/pages/developing/react-tutorial/step-2.mdx
@@ -799,7 +799,7 @@ export default RepoTable;
 
 This component uses two props, `rows` and `headers`, and returns a Carbon
 `DataTable`. As for where the various `Table*` components came from? The
-[DataTable story](https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--usage)
+[DataTable story](https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--default)
 in Storybook was used to put together the data table structure.
 
 <InlineNotification>

diff --git a/src/pages/developing/react-tutorial/step-3.mdx b/src/pages/developing/react-tutorial/step-3.mdx
@@ -509,8 +509,7 @@ rows for the current "page". Update
 <InlineNotification>
 
 **Note:** We only pass the rows that we want our table to display. We can do
-this by slicing the our array of rows depending on the first item and the page
-size.
+this by slicing the array of rows depending on the first item and the page size.
 
 </InlineNotification>
 

diff --git a/src/pages/developing/react-tutorial/step-5.mdx b/src/pages/developing/react-tutorial/step-5.mdx
@@ -36,7 +36,6 @@ have not been updated to reflect changes for our next major version.
 
 <AnchorLink>Fork, clone and branch</AnchorLink>
 <AnchorLink>Create IBM Cloud account</AnchorLink>
-<AnchorLink>Optimize Sass</AnchorLink>
 <AnchorLink>Build for production</AnchorLink>
 <AnchorLink>Create manifest file</AnchorLink>
 <AnchorLink>Create static file</AnchorLink>