diff options
| author | Stas Vilchik <stas.vilchik@sonarsource.com> | 2018-10-29 15:24:06 +0100 |
|---|---|---|
| committer | sonartech <sonartech@sonarsource.com> | 2018-10-30 12:42:03 +0100 |
| commit | 440e9db98d7e1a748cb02c8839e21e94ebd2efa4 (patch) | |
| tree | cddffbbae2f421bf8433663e5abb6bce7e993997 /server/sonar-web/src/main/js/components/facet | |
| parent | 39db83f50fc00ad01b2ed898bf6a8b39b51f4c9c (diff) | |
| download | sonarqube-440e9db98d7e1a748cb02c8839e21e94ebd2efa4.tar.gz sonarqube-440e9db98d7e1a748cb02c8839e21e94ebd2efa4.zip | |
SONAR-11204 Colorblind friendly banners (#899)
Diffstat (limited to 'server/sonar-web/src/main/js/components/facet')
| -rw-r--r-- | server/sonar-web/src/main/js/components/facet/ListStyleFacet.tsx | 9 | ||||
| -rw-r--r-- | server/sonar-web/src/main/js/components/facet/__tests__/ListStyleFacet-test.tsx | 2 |
2 files changed, 6 insertions, 5 deletions
diff --git a/server/sonar-web/src/main/js/components/facet/ListStyleFacet.tsx b/server/sonar-web/src/main/js/components/facet/ListStyleFacet.tsx index 347f4d3bb46..473a4cc19b4 100644 --- a/server/sonar-web/src/main/js/components/facet/ListStyleFacet.tsx +++ b/server/sonar-web/src/main/js/components/facet/ListStyleFacet.tsx @@ -32,6 +32,7 @@ import SearchBox from '../controls/SearchBox'; import ListFooter from '../controls/ListFooter'; import { formatMeasure } from '../../helpers/measures'; import { queriesEqual, RawQuery } from '../../helpers/query'; +import { Alert } from '../ui/Alert'; interface SearchResponse<S> { maxResults?: boolean; @@ -297,9 +298,9 @@ export default class ListStyleFacet<S> extends React.Component<Props<S>, State<S /> {mightHaveMoreResults && this.state.showFullList && ( - <div className="alert alert-warning spacer-top"> + <Alert className="spacer-top" variant="warning"> {translate('facet_might_have_more_results')} - </div> + </Alert> )} </> ); @@ -341,9 +342,9 @@ export default class ListStyleFacet<S> extends React.Component<Props<S>, State<S {searchResults.map(result => this.renderSearchResult(result))} </FacetItemsList> {searchMaxResults && ( - <div className="alert alert-warning spacer-top"> + <Alert className="spacer-top" variant="warning"> {translate('facet_might_have_more_results')} - </div> + </Alert> )} {searchPaging && ( <ListFooter diff --git a/server/sonar-web/src/main/js/components/facet/__tests__/ListStyleFacet-test.tsx b/server/sonar-web/src/main/js/components/facet/__tests__/ListStyleFacet-test.tsx index 825919a3a3f..9dfb153df91 100644 --- a/server/sonar-web/src/main/js/components/facet/__tests__/ListStyleFacet-test.tsx +++ b/server/sonar-web/src/main/js/components/facet/__tests__/ListStyleFacet-test.tsx @@ -140,7 +140,7 @@ it('should show warning that there might be more results', () => { const wrapper = shallowRender({ maxInitialItems: 2, maxItems: 3 }); wrapper.find('ListStyleFacetFooter').prop<Function>('showMore')(); wrapper.update(); - expect(wrapper.find('.alert-warning').exists()).toBe(true); + expect(wrapper.find('Alert').exists()).toBe(true); }); it('should reset state when closes', () => { |