From fe14907303b4e7f34565919b26a8e6046d129120 Mon Sep 17 00:00:00 2001 From: sylenien Date: Wed, 22 Jun 2022 16:57:05 +0200 Subject: [PATCH] fix(ui): fix icon build script to remove warnings --- frontend/app/components/ui/SVG.tsx | 330 ++++++++++++++--------------- frontend/scripts/icons.ts | 6 +- 2 files changed, 168 insertions(+), 168 deletions(-) diff --git a/frontend/app/components/ui/SVG.tsx b/frontend/app/components/ui/SVG.tsx index 5a46a4e02..2aa5dcd92 100644 --- a/frontend/app/components/ui/SVG.tsx +++ b/frontend/app/components/ui/SVG.tsx @@ -13,17 +13,17 @@ interface Props { const SVG = (props: Props) => { const { name, size = 14, width = size, height = size, fill = '' } = props; switch (name) { - case 'alarm-clock': return ; + case 'alarm-clock': return ; case 'alarm-plus': return ; case 'all-sessions': return ; case 'analytics': return ; - case 'anchor': return ; + case 'anchor': return ; case 'arrow-alt-square-right': return ; - case 'arrow-clockwise': return ; + case 'arrow-clockwise': return ; case 'arrow-down': return ; - case 'arrow-right-short': return ; - case 'arrow-square-left': return ; - case 'arrow-square-right': return ; + case 'arrow-right-short': return ; + case 'arrow-square-left': return ; + case 'arrow-square-right': return ; case 'arrow-up': return ; case 'arrows-angle-extend': return ; case 'avatar/icn_bear': return ; @@ -63,12 +63,12 @@ const SVG = (props: Props) => { case 'avatar/icn_wild1': return ; case 'avatar/icn_wild_bore': return ; case 'ban': return ; - case 'bar-chart-line': return ; + case 'bar-chart-line': return ; case 'bell-plus': return ; - case 'bell': return ; - case 'binoculars': return ; - case 'book': return ; - case 'browser/browser': return ; + case 'bell': return ; + case 'binoculars': return ; + case 'book': return ; + case 'browser/browser': return ; case 'browser/chrome': return ; case 'browser/edge': return ; case 'browser/electron': return ; @@ -77,162 +77,162 @@ const SVG = (props: Props) => { case 'browser/ie': return ; case 'browser/opera': return ; case 'browser/safari': return ; - case 'bullhorn': return ; - case 'business-time': return ; - case 'calendar-alt': return ; + case 'bullhorn': return ; + case 'business-time': return ; + case 'calendar-alt': return ; case 'calendar-check': return ; case 'calendar-day': return ; case 'calendar': return ; case 'camera-alt': return ; - case 'camera-video-off': return ; - case 'camera-video': return ; + case 'camera-video-off': return ; + case 'camera-video': return ; case 'camera': return ; - case 'caret-down-fill': return ; - case 'caret-left-fill': return ; - case 'caret-right-fill': return ; + case 'caret-down-fill': return ; + case 'caret-left-fill': return ; + case 'caret-right-fill': return ; case 'caret-up-fill': return ; - case 'chat-dots': return ; - case 'chat-square-quote': return ; + case 'chat-dots': return ; + case 'chat-square-quote': return ; case 'check-circle': return ; - case 'check': return ; - case 'chevron-double-left': return ; - case 'chevron-double-right': return ; - case 'chevron-down': return ; - case 'chevron-left': return ; - case 'chevron-right': return ; - case 'chevron-up': return ; - case 'circle-fill': return ; + case 'check': return ; + case 'chevron-double-left': return ; + case 'chevron-double-right': return ; + case 'chevron-down': return ; + case 'chevron-left': return ; + case 'chevron-right': return ; + case 'chevron-up': return ; + case 'circle-fill': return ; case 'circle': return ; - case 'clipboard-list-check': return ; + case 'clipboard-list-check': return ; case 'clock': return ; - case 'close': return ; - case 'cloud-fog2-fill': return ; - case 'code': return ; - case 'cog': return ; + case 'close': return ; + case 'cloud-fog2-fill': return ; + case 'code': return ; + case 'cog': return ; case 'cogs': return ; - case 'collection': return ; - case 'columns-gap': return ; - case 'console/error': return ; + case 'collection': return ; + case 'columns-gap': return ; + case 'console/error': return ; case 'console/exception': return ; - case 'console/info': return ; + case 'console/info': return ; case 'console/warning': return ; - case 'console': return ; - case 'controller': return ; + case 'console': return ; + case 'controller': return ; case 'cookies': return ; case 'copy': return ; - case 'credit-card-front': return ; - case 'cubes': return ; + case 'credit-card-front': return ; + case 'cubes': return ; case 'dashboard-icn': return ; - case 'desktop': return ; + case 'desktop': return ; case 'device': return ; - case 'diagram-3': return ; + case 'diagram-3': return ; case 'dizzy': return ; case 'doublecheck': return ; - case 'download': return ; + case 'download': return ; case 'drag': return ; - case 'edit': return ; - case 'ellipsis-v': return ; + case 'edit': return ; + case 'ellipsis-v': return ; case 'enter': return ; case 'envelope': return ; - case 'event/click': return ; - case 'event/clickrage': return ; + case 'event/click': return ; + case 'event/clickrage': return ; case 'event/code': return ; case 'event/i-cursor': return ; - case 'event/input': return ; - case 'event/link': return ; - case 'event/location': return ; + case 'event/input': return ; + case 'event/link': return ; + case 'event/location': return ; case 'event/resize': return ; - case 'event/view': return ; - case 'exclamation-circle': return ; - case 'expand-wide': return ; - case 'explosion': return ; - case 'external-link-alt': return ; - case 'eye-slash-fill': return ; + case 'event/view': return ; + case 'exclamation-circle': return ; + case 'expand-wide': return ; + case 'explosion': return ; + case 'external-link-alt': return ; + case 'eye-slash-fill': return ; case 'eye-slash': return ; case 'eye': return ; - case 'fetch': return ; - case 'file-code': return ; - case 'file-medical-alt': return ; + case 'fetch': return ; + case 'file-code': return ; + case 'file-medical-alt': return ; case 'file': return ; - case 'filter': return ; - case 'filters/arrow-return-right': return ; - case 'filters/browser': return ; - case 'filters/click': return ; - case 'filters/clickrage': return ; + case 'filter': return ; + case 'filters/arrow-return-right': return ; + case 'filters/browser': return ; + case 'filters/click': return ; + case 'filters/clickrage': return ; case 'filters/code': return ; case 'filters/console': return ; - case 'filters/country': return ; + case 'filters/country': return ; case 'filters/cpu-load': return ; case 'filters/custom': return ; case 'filters/device': return ; case 'filters/dom-complete': return ; case 'filters/duration': return ; - case 'filters/error': return ; + case 'filters/error': return ; case 'filters/fetch-failed': return ; - case 'filters/fetch': return ; + case 'filters/fetch': return ; case 'filters/file-code': return ; case 'filters/graphql': return ; case 'filters/i-cursor': return ; - case 'filters/input': return ; + case 'filters/input': return ; case 'filters/lcpt': return ; - case 'filters/link': return ; - case 'filters/location': return ; + case 'filters/link': return ; + case 'filters/location': return ; case 'filters/memory-load': return ; case 'filters/metadata': return ; case 'filters/os': return ; case 'filters/perfromance-network-request': return ; case 'filters/platform': return ; - case 'filters/referrer': return ; + case 'filters/referrer': return ; case 'filters/resize': return ; case 'filters/rev-id': return ; - case 'filters/state-action': return ; + case 'filters/state-action': return ; case 'filters/ttfb': return ; - case 'filters/user-alt': return ; - case 'filters/userid': return ; - case 'filters/view': return ; + case 'filters/user-alt': return ; + case 'filters/userid': return ; + case 'filters/view': return ; case 'flag-na': return ; - case 'fullscreen': return ; - case 'funnel/cpu-fill': return ; - case 'funnel/cpu': return ; + case 'fullscreen': return ; + case 'funnel/cpu-fill': return ; + case 'funnel/cpu': return ; case 'funnel/dizzy': return ; - case 'funnel/emoji-angry-fill': return ; - case 'funnel/emoji-angry': return ; - case 'funnel/emoji-dizzy-fill': return ; - case 'funnel/exclamation-circle-fill': return ; - case 'funnel/exclamation-circle': return ; - case 'funnel/file-earmark-break-fill': return ; - case 'funnel/file-earmark-break': return ; - case 'funnel/file-earmark-minus-fill': return ; - case 'funnel/file-earmark-minus': return ; - case 'funnel/file-medical-alt': return ; - case 'funnel/file-x': return ; - case 'funnel/hdd-fill': return ; - case 'funnel/hourglass-top': return ; - case 'funnel/image-fill': return ; - case 'funnel/image': return ; - case 'funnel/microchip': return ; - case 'funnel/mouse': return ; - case 'funnel/patch-exclamation-fill': return ; - case 'funnel/sd-card': return ; - case 'funnel-fill': return ; - case 'funnel': return ; + case 'funnel/emoji-angry-fill': return ; + case 'funnel/emoji-angry': return ; + case 'funnel/emoji-dizzy-fill': return ; + case 'funnel/exclamation-circle-fill': return ; + case 'funnel/exclamation-circle': return ; + case 'funnel/file-earmark-break-fill': return ; + case 'funnel/file-earmark-break': return ; + case 'funnel/file-earmark-minus-fill': return ; + case 'funnel/file-earmark-minus': return ; + case 'funnel/file-medical-alt': return ; + case 'funnel/file-x': return ; + case 'funnel/hdd-fill': return ; + case 'funnel/hourglass-top': return ; + case 'funnel/image-fill': return ; + case 'funnel/image': return ; + case 'funnel/microchip': return ; + case 'funnel/mouse': return ; + case 'funnel/patch-exclamation-fill': return ; + case 'funnel/sd-card': return ; + case 'funnel-fill': return ; + case 'funnel': return ; case 'geo-alt-fill-custom': return ; - case 'github': return ; - case 'graph-up-arrow': return ; - case 'grid-3x3': return ; + case 'github': return ; + case 'graph-up-arrow': return ; + case 'grid-3x3': return ; case 'grip-horizontal': return ; - case 'hash': return ; - case 'hdd-stack': return ; - case 'headset': return ; + case 'hash': return ; + case 'hdd-stack': return ; + case 'headset': return ; case 'heart-rate': return ; case 'high-engagement': return ; case 'history': return ; case 'hourglass-start': return ; - case 'id-card': return ; - case 'image': return ; - case 'info-circle': return ; - case 'info-square': return ; - case 'info': return ; + case 'id-card': return ; + case 'image': return ; + case 'info-circle': return ; + case 'info-square': return ; + case 'info': return ; case 'inspect': return ; case 'integrations/assist': return ; case 'integrations/bugsnag-text': return ; @@ -258,29 +258,29 @@ const SVG = (props: Props) => { case 'integrations/segment': return ; case 'integrations/sentry-text': return ; case 'integrations/sentry': return ; - case 'integrations/slack-bw': return ; + case 'integrations/slack-bw': return ; case 'integrations/slack': return ; case 'integrations/stackdriver': return ; case 'integrations/sumologic-text': return ; case 'integrations/sumologic': return ; case 'integrations/vuejs': return ; - case 'journal-code': return ; + case 'journal-code': return ; case 'layer-group': return ; - case 'lightbulb-on': return ; + case 'lightbulb-on': return ; case 'lightbulb': return ; - case 'link-45deg': return ; + case 'link-45deg': return ; case 'list-alt': return ; - case 'list-ul': return ; - case 'list': return ; + case 'list-ul': return ; + case 'list': return ; case 'lock-alt': return ; - case 'map-marker-alt': return ; + case 'map-marker-alt': return ; case 'memory': return ; - case 'mic-mute': return ; - case 'mic': return ; + case 'mic-mute': return ; + case 'mic': return ; case 'minus': return ; - case 'mobile': return ; + case 'mobile': return ; case 'mouse-alt': return ; - case 'next1': return ; + case 'next1': return ; case 'no-metrics-chart': return ; case 'os/android': return ; case 'os/chrome_os': return ; @@ -293,81 +293,81 @@ const SVG = (props: Props) => { case 'os/windows': return ; case 'os': return ; case 'pause-fill': return ; - case 'pause': return ; + case 'pause': return ; case 'pdf-download': return ; case 'pencil-stop': return ; - case 'pencil': return ; - case 'percent': return ; - case 'person-fill': return ; - case 'person': return ; - case 'pie-chart-fill': return ; - case 'pin-fill': return ; + case 'pencil': return ; + case 'percent': return ; + case 'person-fill': return ; + case 'person': return ; + case 'pie-chart-fill': return ; + case 'pin-fill': return ; case 'play-circle-light': return ; case 'play-circle': return ; case 'play-fill-new': return ; case 'play-fill': return ; case 'play-hover': return ; - case 'play': return ; - case 'plus-circle': return ; + case 'play': return ; + case 'plus-circle': return ; case 'plus': return ; - case 'prev1': return ; - case 'puzzle-piece': return ; - case 'question-circle': return ; + case 'prev1': return ; + case 'puzzle-piece': return ; + case 'question-circle': return ; case 'quote-left': return ; case 'quote-right': return ; case 'redo-back': return ; case 'redo': return ; case 'remote-control': return ; case 'replay-10': return ; - case 'safe-fill': return ; - case 'safe': return ; + case 'safe-fill': return ; + case 'safe': return ; case 'sandglass': return ; - case 'search': return ; + case 'search': return ; case 'search_notification': return ; case 'server': return ; - case 'share-alt': return ; - case 'shield-lock': return ; + case 'share-alt': return ; + case 'shield-lock': return ; case 'signup': return ; - case 'skip-forward-fill': return ; - case 'skip-forward': return ; - case 'slash-circle': return ; - case 'sliders': return ; + case 'skip-forward-fill': return ; + case 'skip-forward': return ; + case 'slash-circle': return ; + case 'sliders': return ; case 'social/slack': return ; case 'social/trello': return ; case 'spinner': return ; case 'star-solid': return ; - case 'star': return ; + case 'star': return ; case 'step-forward': return ; - case 'stopwatch': return ; - case 'store': return ; - case 'sync-alt': return ; - case 'table': return ; - case 'tablet-android': return ; - case 'tachometer-slow': return ; - case 'tachometer-slowest': return ; - case 'tags': return ; + case 'stopwatch': return ; + case 'store': return ; + case 'sync-alt': return ; + case 'table': return ; + case 'tablet-android': return ; + case 'tachometer-slow': return ; + case 'tachometer-slowest': return ; + case 'tags': return ; case 'team-funnel': return ; - case 'telephone-fill': return ; - case 'telephone': return ; - case 'text-paragraph': return ; - case 'tools': return ; - case 'trash': return ; - case 'turtle': return ; + case 'telephone-fill': return ; + case 'telephone': return ; + case 'text-paragraph': return ; + case 'tools': return ; + case 'trash': return ; + case 'turtle': return ; case 'user-alt': return ; - case 'user-circle': return ; + case 'user-circle': return ; case 'user-friends': return ; - case 'users': return ; + case 'users': return ; case 'vendors/graphql': return ; case 'vendors/mobx': return ; case 'vendors/ngrx': return ; case 'vendors/redux': return ; case 'vendors/vuex': return ; - case 'wifi': return ; + case 'wifi': return ; case 'window-alt': return ; - case 'window-restore': return ; - case 'window-x': return ; + case 'window-restore': return ; + case 'window-x': return ; case 'window': return ; - case 'zoom-in': return ; + case 'zoom-in': return ; default: return ; // if (window.ENV.PRODUCTION) return null; diff --git a/frontend/scripts/icons.ts b/frontend/scripts/icons.ts index fb443424e..46775ad38 100644 --- a/frontend/scripts/icons.ts +++ b/frontend/scripts/icons.ts @@ -13,7 +13,7 @@ const basePlugins = { { name: 'removeAttrs', params: { - attrs: ['fill-rule', 'clip-rule', 'fill'], + attrs: ['fill-rule', 'clip-rule', 'fill', 'class'], }, }, 'removeTitle', @@ -41,7 +41,7 @@ const plugins = (removeFill = true) => { { name: 'removeAttrs', params: { - attrs: ['xml', 'style', 'data-name', 'dataName', 'svg:width', 'svg:height', 'fill-rule', removeFill ? 'svg:fill' : ''], + attrs: ['xml', 'class' ,'style', 'data-name', 'dataName', 'svg:width', 'svg:height', 'fill-rule', removeFill ? 'svg:fill' : ''], } }, { @@ -98,4 +98,4 @@ SVG.displayName = 'SVG'; export default SVG; `) // }) - // .catch(console.error); \ No newline at end of file + // .catch(console.error);