fix(SideNav): added the display to each component (#13527)

* fix(SideNav): added the display to each component * test: fix test by running yarn test -u --------- Co-authored-by: Alison Joseph <alison.joseph@us.ibm.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Apr 26, 2023 · 3d3a61f · 3d3a61f
1 parent 539fc8f
commit 3d3a61f
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 2 deletions.
diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -6589,6 +6589,7 @@ Map {
     "defaultProps": Object {
       "assistiveText": "Toggle opening or closing the side navigation",
     },
+    "displayName": "SideNavFooter",
     "propTypes": Object {
       "assistiveText": Object {
         "isRequired": true,
@@ -6608,6 +6609,7 @@ Map {
     },
   },
   "SideNavHeader" => Object {
+    "displayName": "SideNavHeader",
     "propTypes": Object {
       "children": Object {
         "type": "node",
@@ -6667,6 +6669,7 @@ Map {
     },
   },
   "SideNavItems" => Object {
+    "displayName": "SideNavItems",
     "propTypes": Object {
       "children": Object {
         "isRequired": true,

diff --git a/packages/react/src/components/UIShell/SideNavFooter.js b/packages/react/src/components/UIShell/SideNavFooter.js
@@ -41,6 +41,7 @@ function SideNavFooter({
   );
 }
 
+SideNavFooter.displayName = 'SideNavFooter';
 SideNavFooter.propTypes = {
   /**
    * Provide text to be read to screen readers and shown as a tooltip when

diff --git a/packages/react/src/components/UIShell/SideNavHeader.js b/packages/react/src/components/UIShell/SideNavHeader.js
@@ -27,7 +27,7 @@ const SideNavHeader = ({
     </header>
   );
 };
-
+SideNavHeader.displayName = 'SideNavHeader';
 SideNavHeader.propTypes = {
   /**
    * The child nodes to be rendered

diff --git a/packages/react/src/components/UIShell/SideNavItems.js b/packages/react/src/components/UIShell/SideNavItems.js
@@ -33,6 +33,7 @@ const SideNavItems = ({
   return <ul className={className}>{childrenWithExpandedState}</ul>;
 };
 
+SideNavItems.displayName = 'SideNavItems';
 SideNavItems.propTypes = {
   /**
    * Provide a single icon as the child to `SideNavIcon` to render in the

diff --git a/packages/react/src/components/UIShell/SideNavMenu.js b/packages/react/src/components/UIShell/SideNavMenu.js
@@ -77,7 +77,7 @@ const SideNavMenu = React.forwardRef(function SideNavMenu(props, ref) {
     </li>
   );
 });
-
+SideNavMenu.displayName = 'SideNavMenu';
 SideNavMenu.propTypes = {
   /**
    * Provide <SideNavMenuItem>'s inside of the `SideNavMenu`