From 0fa27117dd9e4c8183e54b5ef574eda929d109ad Mon Sep 17 00:00:00 2001 From: Josefina Mancilla <32556167+jnm2377@users.noreply.github.com> Date: Fri, 26 Aug 2022 12:48:13 -0500 Subject: [PATCH] fix: remove ibm z pictograms (#3114) * fix: remove ibm z pictograms * chore: format --- .../PictogramLibrary/PictogramCategory.js | 4 +++- .../developing/angular-tutorial/step-1.mdx | 20 ++++++++++++++----- 2 files changed, 18 insertions(+), 6 deletions(-) diff --git a/src/components/SVGLibraries/PictogramLibrary/PictogramCategory.js b/src/components/SVGLibraries/PictogramLibrary/PictogramCategory.js index 85f9ff6a70a..928ef45136c 100644 --- a/src/components/SVGLibraries/PictogramLibrary/PictogramCategory.js +++ b/src/components/SVGLibraries/PictogramLibrary/PictogramCategory.js @@ -25,7 +25,9 @@ const IconCategory = ({ category, pictograms, columnCount }) => { .filter((pictogram) => { if ( pictogram.name === 'ibm--z' || - pictogram.name === 'ibm--z--partition' + pictogram.name === 'ibm--z--partition' || + pictogram.name === 'ibm--z-and-linuxone-multi-frame' || + pictogram.name === 'ibm--z-and-linuxone-single-frame' ) { return false; } diff --git a/src/pages/developing/angular-tutorial/step-1.mdx b/src/pages/developing/angular-tutorial/step-1.mdx index 424c4662e96..5741640f157 100644 --- a/src/pages/developing/angular-tutorial/step-1.mdx +++ b/src/pages/developing/angular-tutorial/step-1.mdx @@ -302,7 +302,10 @@ package. #### Import and register icons -Now let’s import the icons from our `@carbon/icons` package. To improve tree shaking & keep the size of our app small, import only the required icons. To do so, import `Notification20`, `UserAvatar20`, and `AppSwitcher20` in `app.module.ts`. +Now let’s import the icons from our `@carbon/icons` package. To improve tree +shaking & keep the size of our app small, import only the required icons. To do +so, import `Notification20`, `UserAvatar20`, and `AppSwitcher20` in +`app.module.ts`. ```javascript path=src/app/header/app.modules.ts @@ -312,8 +315,13 @@ import AppSwitcher20 from '@carbon/icons/es/app-switcher/20'; ``` -Now you need to register the icon via `IconService` that also needs to be imported from `carbon-components-angular` module. -After importing IconService you need to inject it in component constructor and us it in OnInit life cycle component hook. There are 2 methods for icon registration `.register()` which accepts only one icon and `.registerAll()` which accepts array of icons. As we are going to use more than one icon we are going to use the later method as below. +Now you need to register the icon via `IconService` that also needs to be +imported from `carbon-components-angular` module. After importing IconService +you need to inject it in component constructor and us it in OnInit life cycle +component hook. There are 2 methods for icon registration `.register()` which +accepts only one icon and `.registerAll()` which accepts array of icons. As we +are going to use more than one icon we are going to use the later method as +below. ```javascript path=src/app/header/header.component.ts @@ -328,7 +336,8 @@ constructor(protected iconService: IconService) {} ``` -Next step is to import the `IconModule` in the `AppModule` module where the `HeaderComponent` is declared. +Next step is to import the `IconModule` in the `AppModule` module where the +`HeaderComponent` is declared. ```javascript path=src/app/header/header.component.ts @@ -342,7 +351,8 @@ imports: [ ``` -Now the icon is ready to be used in template code. Template in `header.component.html` should look like this: +Now the icon is ready to be used in template code. Template in +`header.component.html` should look like this: ```html path=src/app/header/header.component.html