#207: Updated files for vite

INSO-World · Dec 7, 2023 · ad04375 · ad04375
1 parent dbc501d
commit ad04375
Show file tree

Hide file tree

Showing 153 changed files with 110 additions and 110 deletions.
diff --git a/ui/src/components/App/app.css → ui/src/components/App/app.module.css b/ui/src/components/App/app.css → ui/src/components/App/app.module.css
diff --git a/ui/src/components/App/index.js b/ui/src/components/App/index.js
@@ -1,4 +1,4 @@
-import styles from './app.css';
+import styles from './app.module.css';
 import Sidebar from '../Sidebar';
 import HelpButton from '../Help/HelpButton';
 import Help from '../Help';

diff --git a/ui/src/components/CheckboxLegend/CheckboxLegend.js b/ui/src/components/CheckboxLegend/CheckboxLegend.js
@@ -4,7 +4,7 @@ import _ from 'lodash';
 import React from 'react';
 import chroma from 'chroma-js';
 
-import styles from './checkboxLegend.scss';
+import styles from './checkboxLegend.module.scss';
 import LegendCompact from '../LegendCompact';
 
 const ICON_WIDTH = 15;

diff --git a/...onents/CheckboxLegend/checkboxLegend.scss → ...CheckboxLegend/checkboxLegend.module.scss b/...onents/CheckboxLegend/checkboxLegend.scss → ...CheckboxLegend/checkboxLegend.module.scss
diff --git a/ui/src/components/ConfigButton/ConfigButton.js b/ui/src/components/ConfigButton/ConfigButton.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 
 import Icon from '../icon';
-import styles from './config-button.scss';
+import styles from './config-button.module.scss';
 
 const ConfigButton = (props) => (
   <div className={cx('box', styles.configButton)}>

diff --git a/...omponents/ConfigButton/config-button.scss → ...ts/ConfigButton/config-button.module.scss b/...omponents/ConfigButton/config-button.scss → ...ts/ConfigButton/config-button.module.scss
diff --git a/ui/src/components/DataRiverChart/data-river-chart.component.js b/ui/src/components/DataRiverChart/data-river-chart.component.js
@@ -6,7 +6,7 @@ import React from 'react';
 import * as d3 from 'd3';
 import chroma from 'chroma-js';
 import { BuildStat, RiverData } from './RiverData';
-import styles from './data-river-chart.component.scss';
+import styles from './data-river-chart.component.module.scss';
 import ScalableBaseChartComponent from '../ScalableBaseChart';
 import _ from 'lodash';
 import { RiverDataContainer } from './RiverDataContainer';

diff --git a/...iverChart/data-river-chart.component.scss → ...rt/data-river-chart.component.module.scss b/...iverChart/data-river-chart.component.scss → ...rt/data-river-chart.component.module.scss
diff --git a/ui/src/components/DataRiverChart/river-tooltip.js b/ui/src/components/DataRiverChart/river-tooltip.js
@@ -1,4 +1,4 @@
-import styles from './data-river-chart.component.scss';
+import styles from './data-river-chart.component.module.scss';
 import { BuildStat } from './RiverData';
 
 import React from 'react';

diff --git a/...ents/DateRangeFilter/dateRangeFilter.scss → ...teRangeFilter/dateRangeFilter.module.scss b/...ents/DateRangeFilter/dateRangeFilter.scss → ...teRangeFilter/dateRangeFilter.module.scss
diff --git a/ui/src/components/DateRangeFilter/dateRangeFilter.tsx b/ui/src/components/DateRangeFilter/dateRangeFilter.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import styles from './dateRangeFilter.scss';
+import styles from './dateRangeFilter.module.scss';
 import { DateRange } from '../../types/globalTypes';
 
 interface Props {

diff --git a/ui/src/components/DragAndDropList/dragAndDropList.js b/ui/src/components/DragAndDropList/dragAndDropList.js
@@ -2,7 +2,7 @@
 
 import { useState, useEffect, useRef } from 'react';
 import _ from 'lodash';
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 
 /**
  * This component renders a list where the order can be changed by dragging the elements.

diff --git a/...rc/components/DragAndDropList/styles.scss → ...onents/DragAndDropList/styles.module.scss b/...rc/components/DragAndDropList/styles.scss → ...onents/DragAndDropList/styles.module.scss
diff --git a/ui/src/components/Filepicker/ModuleLine.js b/ui/src/components/Filepicker/ModuleLine.js
@@ -1,7 +1,7 @@
 import { useState, useEffect, useRef, useLayoutEffect } from 'react';
 import * as d3 from 'd3';
 import _ from 'lodash';
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 
 const ModuleLine = ({
   moduleName,

diff --git a/ui/src/components/Filepicker/index.js b/ui/src/components/Filepicker/index.js
@@ -3,7 +3,7 @@
 import { useState, useEffect } from 'react';
 import { Tooltip } from 'react-tippy';
 import ModuleLine from './ModuleLine';
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 import _ from 'lodash';
 
 /**

diff --git a/ui/src/components/Filepicker/styles.scss → .../components/Filepicker/styles.module.scss b/ui/src/components/Filepicker/styles.scss → .../components/Filepicker/styles.module.scss
diff --git a/ui/src/components/FilterBox/index.js b/ui/src/components/FilterBox/index.js
@@ -5,7 +5,7 @@ import _ from 'lodash';
 import cx from 'classnames';
 import fuzzy from 'fuzzy';
 
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 
 export default class FilterBox extends React.Component {
   constructor(props) {

diff --git a/ui/src/components/FilterBox/styles.scss → ...c/components/FilterBox/styles.module.scss b/ui/src/components/FilterBox/styles.scss → ...c/components/FilterBox/styles.module.scss
diff --git a/ui/src/components/Help/HelpButton/HelpButton.js b/ui/src/components/Help/HelpButton/HelpButton.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 
 import Icon from '../../icon';
-import styles from './help-button.scss';
+import styles from './help-button.module.scss';
 
 const HelpButton = (props) => (
   <div className={cx(styles.helpButton)}>

diff --git a/...mponents/Help/HelpButton/help-button.scss → ...s/Help/HelpButton/help-button.module.scss b/...mponents/Help/HelpButton/help-button.scss → ...s/Help/HelpButton/help-button.module.scss
diff --git a/ui/src/components/Help/index.js b/ui/src/components/Help/index.js
@@ -6,7 +6,7 @@ import Measure from 'react-measure';
 
 import { callSafe } from '../../utils';
 
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 
 const mapStateToProps = (state /*, ownProps*/) => {
   return {

diff --git a/ui/src/components/Help/styles.scss → ui/src/components/Help/styles.module.scss b/ui/src/components/Help/styles.scss → ui/src/components/Help/styles.module.scss
diff --git a/ui/src/components/InlineLoadingIndicator/inlineLoadingIndicator.js b/ui/src/components/InlineLoadingIndicator/inlineLoadingIndicator.js
@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-import styles from './inlineLoadingIndicator.scss';
+import styles from './inlineLoadingIndicator.module.scss';
 
 export default (props) => {
   return (

diff --git a/...dingIndicator/inlineLoadingIndicator.scss → ...icator/inlineLoadingIndicator.module.scss b/...dingIndicator/inlineLoadingIndicator.scss → ...icator/inlineLoadingIndicator.module.scss
diff --git a/ui/src/components/Legend/Legend.js b/ui/src/components/Legend/Legend.js
@@ -4,7 +4,7 @@ import _ from 'lodash';
 import React from 'react';
 import Measure from 'react-measure';
 
-import styles from './legend.scss';
+import styles from './legend.module.scss';
 
 const ICON_WIDTH = 15;
 const ICON_HEIGHT = 15;

diff --git a/ui/src/components/Legend/legend.scss → ui/src/components/Legend/legend.module.scss b/ui/src/components/Legend/legend.scss → ui/src/components/Legend/legend.module.scss
diff --git a/ui/src/components/LegendCompact/LegendCompact.js b/ui/src/components/LegendCompact/LegendCompact.js
@@ -2,7 +2,7 @@
 
 import React from 'react';
 
-import styles from './legendCompact.scss';
+import styles from './legendCompact.module.scss';
 
 const ICON_WIDTH = 15;
 const ICON_HEIGHT = 15;

diff --git a/...mponents/LegendCompact/legendCompact.scss → ...s/LegendCompact/legendCompact.module.scss b/...mponents/LegendCompact/legendCompact.scss → ...s/LegendCompact/legendCompact.module.scss
diff --git a/ui/src/components/ProgressBar/ProgressBar.js b/ui/src/components/ProgressBar/ProgressBar.js
@@ -2,7 +2,7 @@
 
 import cx from 'classnames';
 
-import styles from './progress-bar.scss';
+import styles from './progress-bar.module.scss';
 import React from 'react';
 
 export default class ProgressBar extends React.PureComponent {

diff --git a/.../components/ProgressBar/progress-bar.scss → ...ents/ProgressBar/progress-bar.module.scss b/.../components/ProgressBar/progress-bar.scss → ...ents/ProgressBar/progress-bar.module.scss
diff --git a/ui/src/components/ScalableBaseChart/index.tsx b/ui/src/components/ScalableBaseChart/index.tsx
@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import * as d3 from 'd3';
-import * as baseStyles from './scalable-base-chart.component.scss';
+import * as baseStyles from './scalable-base-chart.module.scss';
 import { NoImplementationException } from '../../utils/exception/NoImplementationException';
 import { hash } from '../../utils/crypto-utils';
 import { Palette } from '../../types/authorTypes';

diff --git a/...eChart/scalable-base-chart.component.scss → ...BaseChart/scalable-base-chart.module.scss b/...eChart/scalable-base-chart.component.scss → ...BaseChart/scalable-base-chart.module.scss
diff --git a/ui/src/components/SearchBox/index.js b/ui/src/components/SearchBox/index.js
@@ -5,7 +5,7 @@ import _ from 'lodash';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 
 export default class SearchBox extends React.Component {
   constructor(props) {

diff --git a/ui/src/components/SearchBox/index.old.js b/ui/src/components/SearchBox/index.old.js
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import fuzzy from 'fuzzy';
 
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 
 export default class SearchBox extends React.Component {
   constructor(props) {

diff --git a/ui/src/components/SearchBox/styles.scss → ...c/components/SearchBox/styles.module.scss b/ui/src/components/SearchBox/styles.scss → ...c/components/SearchBox/styles.module.scss
diff --git a/ui/src/components/Sidebar/Link.js b/ui/src/components/Sidebar/Link.js
@@ -2,7 +2,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import styles from './sidebar.scss';
+import styles from './sidebar.module.scss';
 import cx from 'classnames';
 import returnIcon from './assets/return.svg';
 

diff --git a/ui/src/components/Sidebar/LinkList.js b/ui/src/components/Sidebar/LinkList.js
@@ -1,7 +1,7 @@
 'use strict';
 
 import _ from 'lodash';
-import styles from './sidebar.scss';
+import styles from './sidebar.module.scss';
 import PanelLink from './PanelLink';
 import menu from './assets/menu.svg';
 import close from './assets/close.svg';

diff --git a/ui/src/components/Sidebar/Sidebar.js b/ui/src/components/Sidebar/Sidebar.js
@@ -1,6 +1,6 @@
 'use strict';
 
-import styles from './sidebar.scss';
+import styles from './sidebar.module.scss';
 import menu from './assets/menu.svg';
 import menuWhite from './assets/menuWhite.svg';
 import hideSidebar from './assets/hideSidebar.svg';

diff --git a/ui/src/components/Sidebar/sidebar.scss → ...rc/components/Sidebar/sidebar.module.scss b/ui/src/components/Sidebar/sidebar.scss → ...rc/components/Sidebar/sidebar.module.scss
diff --git a/ui/src/components/StackedAreaChart/index.tsx b/ui/src/components/StackedAreaChart/index.tsx
@@ -1,6 +1,6 @@
 'use strict';
 
-import styles from './stackedAreaChart.scss';
+import styles from './stackedAreaChart.module.scss';
 import ScalableBaseChartComponent from '../ScalableBaseChart';
 import * as d3 from 'd3';
 import * as _ from 'lodash';

diff --git a/...ts/StackedAreaChart/stackedAreaChart.scss → ...kedAreaChart/stackedAreaChart.module.scss b/...ts/StackedAreaChart/stackedAreaChart.scss → ...kedAreaChart/stackedAreaChart.module.scss
diff --git a/ui/src/components/TabCombo/index.tsx b/ui/src/components/TabCombo/index.tsx
@@ -1,7 +1,7 @@
 'use strict';
 
 import * as React from 'react';
-import styles from './tabCombo.scss';
+import styles from './tabCombo.module.scss';
 
 interface Props {
   options: Option[];

diff --git a/ui/src/components/TabCombo/tabCombo.scss → .../components/TabCombo/tabCombo.module.scss b/ui/src/components/TabCombo/tabCombo.scss → .../components/TabCombo/tabCombo.module.scss
diff --git a/...versalSettings/authorList/authorList.scss → ...ettings/authorList/authorList.module.scss b/...versalSettings/authorList/authorList.scss → ...ettings/authorList/authorList.module.scss
diff --git a/ui/src/components/UniversalSettings/authorList/authorList.tsx b/ui/src/components/UniversalSettings/authorList/authorList.tsx
@@ -1,8 +1,8 @@
 'use strict';
 
 import * as React from 'react';
-import styles from './authorList.scss';
-import loadingAnimation from './loadingAnimaiton.scss';
+import styles from './authorList.module.scss';
+import loadingAnimation from './loadingAnimaiton.module.scss';
 import { Author, Committer, Palette } from '../../../types/authorTypes';
 
 interface Props {

diff --git a/...Settings/authorList/loadingAnimaiton.scss → ...s/authorList/loadingAnimaiton.module.scss b/...Settings/authorList/loadingAnimaiton.scss → ...s/authorList/loadingAnimaiton.module.scss
diff --git a/...alSettings/authorMerger/authorMerger.scss → ...ngs/authorMerger/authorMerger.module.scss b/...alSettings/authorMerger/authorMerger.scss → ...ngs/authorMerger/authorMerger.module.scss
diff --git a/ui/src/components/UniversalSettings/authorMerger/authorMerger.tsx b/ui/src/components/UniversalSettings/authorMerger/authorMerger.tsx
@@ -1,7 +1,7 @@
 'use strict';
 
 import * as React from 'react';
-import styles from './authorMerger.scss';
+import styles from './authorMerger.module.scss';
 import { Author, Committer, Palette } from '../../../types/authorTypes';
 
 interface Props {

diff --git a/...tManager/milestoneList/milestoneList.scss → ...r/milestoneList/milestoneList.module.scss b/...tManager/milestoneList/milestoneList.scss → ...r/milestoneList/milestoneList.module.scss
diff --git a/ui/src/components/UniversalSettings/sprintManager/milestoneList/milestoneList.tsx b/ui/src/components/UniversalSettings/sprintManager/milestoneList/milestoneList.tsx
@@ -1,7 +1,7 @@
 'use strict';
 
 import * as React from 'react';
-import styles from './milestoneList.scss';
+import styles from './milestoneList.module.scss';
 import moment from 'moment';
 import 'moment/locale/de';
 import { Milestone } from '../../../../types/milestoneTypes';

diff --git a/...tManager/sprintDisplay/sprintDisplay.scss → ...r/sprintDisplay/sprintDisplay.module.scss b/...tManager/sprintDisplay/sprintDisplay.scss → ...r/sprintDisplay/sprintDisplay.module.scss
diff --git a/ui/src/components/UniversalSettings/sprintManager/sprintDisplay/sprintDisplay.tsx b/ui/src/components/UniversalSettings/sprintManager/sprintDisplay/sprintDisplay.tsx
@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-import styles from './sprintDisplay.scss';
+import styles from './sprintDisplay.module.scss';
 import moment from 'moment';
 import 'moment/locale/de';
 import { Sprint } from '../../../../types/sprintTypes';

diff --git a/...Settings/sprintManager/sprintManager.scss → ...s/sprintManager/sprintManager.module.scss b/...Settings/sprintManager/sprintManager.scss → ...s/sprintManager/sprintManager.module.scss
diff --git a/ui/src/components/UniversalSettings/sprintManager/sprintManager.tsx b/ui/src/components/UniversalSettings/sprintManager/sprintManager.tsx
@@ -1,7 +1,7 @@
 'use strict';
 
 import * as React from 'react';
-import styles from './sprintManager.scss';
+import styles from './sprintManager.module.scss';
 import DateRangeFilter from '../../DateRangeFilter/dateRangeFilter';
 import SprintDisplay from './sprintDisplay/sprintDisplay';
 import moment from 'moment';

diff --git a/.../components/UniversalSettings/styles.scss → ...ents/UniversalSettings/styles.module.scss b/.../components/UniversalSettings/styles.scss → ...ents/UniversalSettings/styles.module.scss
diff --git a/ui/src/components/UniversalSettings/universalSettings.tsx b/ui/src/components/UniversalSettings/universalSettings.tsx
@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 import {
   setResolution,
   setTimeSpan,

diff --git a/ui/src/components/icon/icon.css → ui/src/components/icon/icon.module.css b/ui/src/components/icon/icon.css → ui/src/components/icon/icon.module.css
diff --git a/ui/src/components/icon/index.js b/ui/src/components/icon/index.js
@@ -1,4 +1,4 @@
-import styles from './icon.css';
+import styles from './icon.module.css';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 

diff --git a/ui/src/components/message/message.css → ui/src/components/message/message.module.css b/ui/src/components/message/message.css → ui/src/components/message/message.module.css
diff --git a/ui/src/components/monospaced/index.js b/ui/src/components/monospaced/index.js
@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-import styles from './monospaced.scss';
+import styles from './monospaced.module.scss';
 
 export default class Monospaced extends React.Component {
   render() {

diff --git a/ui/src/components/monospaced/monospaced.scss → ...ponents/monospaced/monospaced.module.scss b/ui/src/components/monospaced/monospaced.scss → ...ponents/monospaced/monospaced.module.scss
diff --git a/ui/src/components/notifications/Notification.js b/ui/src/components/notifications/Notification.js
@@ -3,7 +3,7 @@
 import React from 'react';
 import cx from 'classnames';
 
-import styles from './notification.scss';
+import styles from './notification.module.scss';
 
 export default class Notification extends React.Component {
   render() {

diff --git a/ui/src/components/notifications/Notifications.js b/ui/src/components/notifications/Notifications.js
@@ -5,8 +5,8 @@ import TransitionGroup from 'react-transition-group/TransitionGroup';
 import CSSTransition from 'react-transition-group/CSSTransition';
 import _ from 'lodash';
 
-import Notification from './Notification.js';
-import styles from './notifications.scss';
+import Notification from './Notification';
+import styles from './notifications.module.scss';
 
 export default class Notifications extends React.Component {
   render() {

diff --git a/...omponents/notifications/notification.scss → ...ts/notifications/notification.module.scss b/...omponents/notifications/notification.scss → ...ts/notifications/notification.module.scss
diff --git a/...mponents/notifications/notifications.scss → ...s/notifications/notifications.module.scss b/...mponents/notifications/notifications.scss → ...s/notifications/notifications.module.scss
diff --git a/ui/src/styles/styles.scss → ui/src/styles/styles.module.scss b/ui/src/styles/styles.scss → ui/src/styles/styles.module.scss
diff --git a/ui/src/visualizations/VisualizationComponents/Additions_Deletions/chart/chart.js b/ui/src/visualizations/VisualizationComponents/Additions_Deletions/chart/chart.js
@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-import styles from '../styles.scss';
+import styles from '../styles.module.scss';
 import data from './data';
 import * as d3 from 'd3';
 

diff --git a/...omponents/Additions_Deletions/styles.scss → ...ts/Additions_Deletions/styles.module.scss b/...omponents/Additions_Deletions/styles.scss → ...ts/Additions_Deletions/styles.module.scss
diff --git a/ui/src/visualizations/VisualizationComponents/Empty/chart/chart.js b/ui/src/visualizations/VisualizationComponents/Empty/chart/chart.js
@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-import styles from '../styles.scss';
+import styles from '../styles.module.scss';
 
 export default class Dashboard extends React.Component {
   constructor(props) {

diff --git a/...VisualizationComponents/Empty/styles.scss → ...zationComponents/Empty/styles.module.scss b/...VisualizationComponents/Empty/styles.scss → ...zationComponents/Empty/styles.module.scss
diff --git a/ui/src/visualizations/VisualizationComponents/changes/chart/chart.tsx b/ui/src/visualizations/VisualizationComponents/changes/chart/chart.tsx
@@ -3,7 +3,7 @@
 import * as React from 'react';
 import * as d3 from 'd3';
 
-import styles from '../styles.scss';
+import styles from '../styles.module.scss';
 import _ from 'lodash';
 
 import StackedAreaChart from '../../../../components/StackedAreaChart';

diff --git a/ui/src/visualizations/VisualizationComponents/changes/config.tsx b/ui/src/visualizations/VisualizationComponents/changes/config.tsx
@@ -3,7 +3,7 @@
 import { connect } from 'react-redux';
 import { setDisplayMetric, setSelectedAuthors } from './sagas';
 import TabCombo from '../../../components/TabCombo';
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 import { GlobalState } from '../../../types/globalTypes';
 import * as React from 'react';
 import { Palette } from '../../../types/authorTypes';

diff --git a/ui/src/visualizations/VisualizationComponents/changes/help.tsx b/ui/src/visualizations/VisualizationComponents/changes/help.tsx
@@ -2,7 +2,7 @@
 
 import cx from 'classnames';
 
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 import React from 'react';
 
 export default () => <div className={cx('box', styles.help)}></div>;
diff --git a/...sualizationComponents/changes/styles.scss → ...tionComponents/changes/styles.module.scss b/...sualizationComponents/changes/styles.scss → ...tionComponents/changes/styles.module.scss
diff --git a/ui/src/visualizations/VisualizationComponents/ciBuilds/chart/chart.js b/ui/src/visualizations/VisualizationComponents/ciBuilds/chart/chart.js
@@ -3,7 +3,7 @@
 import React from 'react';
 import * as d3 from 'd3';
 
-import styles from '../styles.scss';
+import styles from '../styles.module.scss';
 import _ from 'lodash';
 
 import StackedAreaChart from '../../../../components/StackedAreaChart';

diff --git a/ui/src/visualizations/VisualizationComponents/ciBuilds/config.js b/ui/src/visualizations/VisualizationComponents/ciBuilds/config.js
@@ -2,7 +2,7 @@
 
 import { connect } from 'react-redux';
 
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 
 import LegendCompact from '../../../components/LegendCompact';
 

diff --git a/ui/src/visualizations/VisualizationComponents/ciBuilds/help.js b/ui/src/visualizations/VisualizationComponents/ciBuilds/help.js
@@ -2,6 +2,6 @@
 
 import cx from 'classnames';
 
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 
 export default () => <div className={cx('box', styles.help)}></div>;
diff --git a/...ualizationComponents/ciBuilds/styles.scss → ...ionComponents/ciBuilds/styles.module.scss b/...ualizationComponents/ciBuilds/styles.scss → ...ionComponents/ciBuilds/styles.module.scss
diff --git a/ui/src/visualizations/VisualizationComponents/issueBreakdown/chart/chart.js b/ui/src/visualizations/VisualizationComponents/issueBreakdown/chart/chart.js
@@ -3,7 +3,7 @@
 import React from 'react';
 import * as d3 from 'd3';
 
-import styles from '../styles.scss';
+import styles from '../styles.module.scss';
 import _ from 'lodash';
 
 import StackedAreaChart from '../../../../components/StackedAreaChart';

diff --git a/ui/src/visualizations/VisualizationComponents/issueBreakdown/config.js b/ui/src/visualizations/VisualizationComponents/issueBreakdown/config.js
@@ -2,7 +2,7 @@
 
 import { connect } from 'react-redux';
 
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 
 const mapStateToProps = (state /*, ownProps*/) => {
   return {};

diff --git a/ui/src/visualizations/VisualizationComponents/issueBreakdown/help.js b/ui/src/visualizations/VisualizationComponents/issueBreakdown/help.js
@@ -2,6 +2,6 @@
 
 import cx from 'classnames';
 
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 
 export default () => <div className={cx('box', styles.help)}></div>;
diff --git a/...tionComponents/issueBreakdown/styles.scss → ...ponents/issueBreakdown/styles.module.scss b/...tionComponents/issueBreakdown/styles.scss → ...ponents/issueBreakdown/styles.module.scss