diff --git a/src/components/Icon/IconsMap.ts b/src/components/Icon/IconsMap.ts index 886f81b0..adfc290c 100644 --- a/src/components/Icon/IconsMap.ts +++ b/src/components/Icon/IconsMap.ts @@ -8,6 +8,11 @@ import { ReactComponent as QUERY_SERVICE } from '../assets/icons/query-service.s import { ReactComponent as SALESFORCE } from '../assets/icons/salesforce.svg' import { ReactComponent as ZOOM } from '../assets/icons/zoom.svg' +/* +NOTE: When you add an svg, make sure it doesn't have a predefined height and width. The viewbox property dissapears if you try to set the dimensions outside storybook. https://github.com/gregberge/svgr/issues/500 + +TODO: Find a better rollup plugin that handles importing images as ReactComponent's. +*/ const Icons = { appStore: APP_STORE, aws: AWS, diff --git a/src/components/assets/icons/app-store.svg b/src/components/assets/icons/app-store.svg index 10ad03f1..c73b5d3e 100644 --- a/src/components/assets/icons/app-store.svg +++ b/src/components/assets/icons/app-store.svg @@ -1,10 +1,4 @@ - + diff --git a/src/components/assets/icons/aws.svg b/src/components/assets/icons/aws.svg index 2bd4c1a1..6ce522da 100644 --- a/src/components/assets/icons/aws.svg +++ b/src/components/assets/icons/aws.svg @@ -1,10 +1,4 @@ - +