version icon changes

OpenConceptLab · Dec 2, 2020 · 97a0917 · 97a0917
1 parent 456f352
commit 97a0917
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 9 deletions.
diff --git a/src/components/common/ResourceVersionLabel.jsx b/src/components/common/ResourceVersionLabel.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import {
-  AcUnit as AsteriskIcon,
+  AccountTreeRounded as TreeIcon
 } from '@material-ui/icons';
 import ReleasedChip from './ReleasedChip';
 
@@ -10,7 +10,7 @@ const ResourceVersionLabel = props => {
     <div className='col-sm-12 no-side-padding'>
       <span className='resource-label'>
         <span style={{paddingTop: '5px'}}>
-          <AsteriskIcon fontSize='small' style={{width: '14px'}} />
+          <TreeIcon fontSize='small' style={{width: '14px'}} />
         </span>
         <span>{props.owner}</span>
         <span>{SEPARATOR}</span>

diff --git a/src/components/common/VersionButton.jsx b/src/components/common/VersionButton.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button } from '@material-ui/core';
 import {
-  AcUnit as AsteriskIcon,
+  AccountTreeRounded as TreeIcon
 } from '@material-ui/icons';
 import { BLUE, WHITE, RED, BLACK } from '../../common/constants';
 
@@ -15,7 +15,7 @@ const VersionButton = ({label, onClick, retired, href, bgColor, textColor}) => {
     <Button
       href={href}
       variant='contained'
-      startIcon={<AsteriskIcon />}
+      startIcon={<TreeIcon />}
       onClick={onClick}
       style={style}>
       {label}

diff --git a/src/components/common/VersionFilter.jsx b/src/components/common/VersionFilter.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Chip, MenuItem, Menu } from '@material-ui/core';
-import { AcUnit as AsteriskIcon } from '@material-ui/icons';
+import { AccountTreeRounded as TreeIcon, ArrowDropDown as ArrowDropDownIcon } from '@material-ui/icons';
 import { map, without } from 'lodash';
 
 const VersionFilter = props => {
@@ -25,11 +25,13 @@ const VersionFilter = props => {
       <Chip
         variant="outlined"
         color='primary'
-        icon={<AsteriskIcon fontSize='inherit' style={{width: '14px'}} />}
+        icon={<TreeIcon fontSize='inherit' style={{width: '14px', marginLeft: '5px'}} />}
         label={selected}
         onClick={onOpen}
         size={size || 'medium'}
         style={{minWidth: '80px'}}
+        deleteIcon={<ArrowDropDownIcon fontSize="inherit" />}
+        onDelete={onOpen}
       />
       <Menu
         id="versions-menu"

diff --git a/src/components/search/ResultsTable.jsx b/src/components/search/ResultsTable.jsx
@@ -9,7 +9,7 @@ import {
   KeyboardArrowUp as KeyboardArrowUpIcon,
   LocalOffer as LocalOfferIcon,
   Link as LinkIcon,
-  AcUnit as AsteriskIcon,
+  AccountTreeRounded as TreeIcon,
   Flag as FlagIcon,
   ArrowForward as ForwardIcon,
   Public as PublicIcon,
@@ -88,7 +88,7 @@ const RESOURCE_DEFINITIONS = {
     tags: [
       {id: 'activeConcepts', value: 'active_concepts', label: 'Concepts', icon: <LocalOfferIcon fontSize='small' style={TAG_ICON_STYLES} />, hrefAttr: 'concepts_url'},
       {id: 'activeMappings', value: 'active_mappings', label: 'Mappings', icon: <LinkIcon fontSize='small' style={TAG_ICON_STYLES} />, hrefAttr: 'mappings_url'},
-      {id: 'versions', value: 'versions', label: 'Versions', icon: <AsteriskIcon fontSize='small' style={TAG_ICON_STYLES} />, hrefAttr: 'versions_url'},
+      {id: 'versions', value: 'versions', label: 'Versions', icon: <TreeIcon fontSize='small' style={TAG_ICON_STYLES} />, hrefAttr: 'versions_url'},
     ],
     tabs: ['Versions',],
     expandible: true,
@@ -105,7 +105,7 @@ const RESOURCE_DEFINITIONS = {
     tags: [
       {id: 'activeConcepts', value: 'active_concepts', label: 'Concepts', icon: <LocalOfferIcon fontSize='small' style={TAG_ICON_STYLES} />, hrefAttr: 'concepts_url'},
       {id: 'activeMappings', value: 'active_mappings', label: 'Mappings', icon: <LinkIcon fontSize='small' style={TAG_ICON_STYLES} />, hrefAttr: 'mappings_url'},
-      {id: 'versions', value: 'versions', label: 'Versions', icon: <AsteriskIcon fontSize='small' style={TAG_ICON_STYLES} />, hrefAttr: 'versions_url'},
+      {id: 'versions', value: 'versions', label: 'Versions', icon: <TreeIcon fontSize='small' style={TAG_ICON_STYLES} />, hrefAttr: 'versions_url'},
     ],
     tabs: ['Versions',],
     expandible: true,