{"action":"created","issue":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/4581","repository_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react","labels_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/4581/labels{/name}","comments_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/4581/comments","events_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/4581/events","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/issues/4581","id":314946160,"number":4581,"title":"INavLink iconClassName property is not reflected in the UI","user":{"login":"manasark","id":38311970,"avatar_url":"https://avatars0.githubusercontent.com/u/38311970?v=4","gravatar_id":"","url":"https://api.github.com/users/manasark","html_url":"https://github.com/manasark","followers_url":"https://api.github.com/users/manasark/followers","following_url":"https://api.github.com/users/manasark/following{/other_user}","gists_url":"https://api.github.com/users/manasark/gists{/gist_id}","starred_url":"https://api.github.com/users/manasark/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/manasark/subscriptions","organizations_url":"https://api.github.com/users/manasark/orgs","repos_url":"https://api.github.com/users/manasark/repos","events_url":"https://api.github.com/users/manasark/events{/privacy}","received_events_url":"https://api.github.com/users/manasark/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-04-17T07:58:06Z","updated_at":"2018-04-17T16:13:36Z","closed_at":null,"author_association":"NONE","body":"<!-- delete this template for feature requests -->\r\n\r\n### Bug Report\r\n\r\n- __Package version(s)__: (5.64.1)\r\n- __Browser and OS versions__: (All browsers and Windows 10)\r\n\r\n#### Priorities and help requested (not applicable if asking question):\r\n\r\nRequested priority: ( High ) \r\n\r\nProducts/sites affected: (IRIS Studio)\r\n\r\n#### Describe the issue:\r\n\r\nWe are using an INavLink component which has an iconClassName (Classname to apply to the icon link) property to render a style icon on the UI. However, we have noticed that the style icon is not rendered.\r\n\r\nWe have recently upgraded to the package version 5.64.1 and noticed this issue. \r\n\r\n#### Actual behavior:\r\n\r\nStyle icon is not rendered on the UI. \r\n\r\n#### Expected behavior:\r\n\r\nThis should render the style icon on the UI. \r\n\r\n"},"comment":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/comments/382051512","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/issues/4581#issuecomment-382051512","issue_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/4581","id":382051512,"user":{"login":"KevinTCoughlin","id":706967,"avatar_url":"https://avatars3.githubusercontent.com/u/706967?v=4","gravatar_id":"","url":"https://api.github.com/users/KevinTCoughlin","html_url":"https://github.com/KevinTCoughlin","followers_url":"https://api.github.com/users/KevinTCoughlin/followers","following_url":"https://api.github.com/users/KevinTCoughlin/following{/other_user}","gists_url":"https://api.github.com/users/KevinTCoughlin/gists{/gist_id}","starred_url":"https://api.github.com/users/KevinTCoughlin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/KevinTCoughlin/subscriptions","organizations_url":"https://api.github.com/users/KevinTCoughlin/orgs","repos_url":"https://api.github.com/users/KevinTCoughlin/repos","events_url":"https://api.github.com/users/KevinTCoughlin/events{/privacy}","received_events_url":"https://api.github.com/users/KevinTCoughlin/received_events","type":"User","site_admin":false},"created_at":"2018-04-17T16:13:36Z","updated_at":"2018-04-17T16:13:36Z","author_association":"COLLABORATOR","body":"Hey @manasark, you're right. It looks like we used to add `iconClassName` to the`<Icon/>` component, but since then we've refactored the nav links with icons to extend from `<ActionButton/>` and haven't carried over the class name property. Investigating a fix / workaround now.\r\n\r\nhttps://github.com/OfficeDev/office-ui-fabric-react/blob/5.0/packages/office-ui-fabric-react/src/components/Nav/Nav.tsx#L152"}}
{"actor":{"display_login":"KevinTCoughlin"}}