18881: Make all process status widgets consistent. Updates tests.

[arvados-workbench2.git] / src / views-components / resource-properties-form / property-chip.tsx

diff --git a/src/views-components/resource-properties-form/property-chip.tsx b/src/views-components/resource-properties-form/property-chip.tsx
index f25deb70ebd34222f49042adcab322433ffd7eb7..24b5c0a96dcd6eec494301ab2eb47381047104b9 100644 (file)
--- a/src/views-components/resource-properties-form/property-chip.tsx
+++ b/src/views-components/resource-properties-form/property-chip.tsx
@@ -2,15 +2,15 @@
 //
 // SPDX-License-Identifier: AGPL-3.0
 
-import * as React from 'react';
+import React from 'react';
 import { Chip } from '@material-ui/core';
 import { connect } from 'react-redux';
-import { RootState } from '~/store/store';
-import * as CopyToClipboard from 'react-copy-to-clipboard';
-import { getVocabulary } from '~/store/vocabulary/vocabulary-selectors';
+import { RootState } from 'store/store';
+import CopyToClipboard from 'react-copy-to-clipboard';
+import { getVocabulary } from 'store/vocabulary/vocabulary-selectors';
 import { Dispatch } from 'redux';
-import { snackbarActions, SnackbarKind } from '~/store/snackbar/snackbar-actions';
-import { getTagValueLabel, getTagKeyLabel, Vocabulary } from '~/models/vocabulary';
+import { snackbarActions, SnackbarKind } from 'store/snackbar/snackbar-actions';
+import { getTagValueLabel, getTagKeyLabel, Vocabulary } from 'models/vocabulary';
 
 interface PropertyChipComponentDataProps {
     propKey: string;
@@ -51,8 +51,8 @@ export const PropertyChipComponent = connect(mapStateToProps, mapDispatchToProps
     }
 );
 
-export const getPropertyChip = (k:string, v:string, handleDelete:any, className:string) =>
+export const getPropertyChip = (k: string, v: string, handleDelete: any, className: string) =>
     <PropertyChipComponent
-        key={k} className={className}
+        key={`${k}-${v}`} className={className}
         onDelete={handleDelete}
         propKey={k} propValue={v} />;