15067: Clicking on a property chip copies its visual representation.

[arvados-workbench2.git] / src / views / collection-panel / collection-panel.tsx

diff --git a/src/views/collection-panel/collection-panel.tsx b/src/views/collection-panel/collection-panel.tsx
index f4d6532e883bdf4e46d757ce6636b8d976e99064..87768e640714a7acb306e0e3705b4c9760047a67 100644 (file)
--- a/src/views/collection-panel/collection-panel.tsx
+++ b/src/views/collection-panel/collection-panel.tsx
@@ -136,17 +136,14 @@ export const CollectionPanel = compose(
                                         <CollectionTagForm />
                                     </Grid>
                                     <Grid item xs={12}>
-                                        {
-                                            Object.keys(item.properties).map(k => {
-                                                const ids = `${k}: ${item.properties[k]}`;
-                                                const label = `${getTagKeyLabel(k, vocabulary)}: ${getTagValueLabel(k, item.properties[k], vocabulary)}`;
-                                                return <CopyToClipboard key={k} text={ids} onCopy={() => this.onCopy("Copied")}>
-                                                    <Chip className={classes.tag}
-                                                        onDelete={this.handleDelete(k)}
-                                                        label={label} />
-                                                </CopyToClipboard>;
-                                            })
-                                        }
+                                        {Object.keys(item.properties).map(k => {
+                                            const label = `${getTagKeyLabel(k, vocabulary)}: ${getTagValueLabel(k, item.properties[k], vocabulary)}`;
+                                            return <CopyToClipboard key={k} text={label} onCopy={() => this.onCopy("Copied")}>
+                                                <Chip className={classes.tag}
+                                                    onDelete={this.handleDelete(k)}
+                                                    label={label} />
+                                            </CopyToClipboard>;
+                                        })}
                                     </Grid>
                                 </Grid>
                             </CardContent>