merge: resolve conflict

ComPlat · Oct 21, 2024 · b754561 · b754561
1 parent 44556cd
commit b754561
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 3 deletions.
diff --git a/app/assets/stylesheets/components/ElementsTable.scss b/app/assets/stylesheets/components/ElementsTable.scss
@@ -39,7 +39,15 @@
 }
 
 .sample-entries > tbody > tr > td {
-  border-top: 0
+  border-top: 0;
+
+  .sample-entries-inventory-label-icon {
+    margin-top: 3px;
+    padding: 4px 4px 4px 4px;
+    border-radius: 4px;
+    background-color: #96c7e7;
+    color: black;
+  }
 }
 
 @media only screen and (max-width: 1500px) {

diff --git a/app/packs/src/apps/mydb/elements/details/samples/SampleDetails.js b/app/packs/src/apps/mydb/elements/details/samples/SampleDetails.js
@@ -951,13 +951,15 @@ export default class SampleDetails extends React.Component {
       />
     ) : null;
 
+    const inventoryLabel = sample.inventory_sample && sample.xref.inventory_label ? sample.xref.inventory_label : null;
+
     return (
       <div className="d-flex align-items-center justify-content-between">
         <div className="d-flex align-items-center gap-2">
           <OverlayTrigger placement="bottom" overlay={<Tooltip id="sampleDates">{titleTooltip}</Tooltip>}>
             <span className="flex-shrink-0">
               <i className="icon-sample me-1" />
-              {sample.title()}
+              {inventoryLabel || sample.title()}
             </span>
           </OverlayTrigger>
           <ShowUserLabels element={sample} />

diff --git a/app/packs/src/apps/mydb/elements/list/ElementsTableSampleEntries.js b/app/packs/src/apps/mydb/elements/list/ElementsTableSampleEntries.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import {
-  Table, Button, Tooltip, OverlayTrigger
+  Table, Button, Tooltip, OverlayTrigger, Badge,
 } from 'react-bootstrap';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
@@ -107,6 +107,22 @@ const showDecoupledIcon = (sample) => (sample.decoupled ? (
   </OverlayTrigger>
 ) : null);
 
+const showInventoryLabelIcon = (sample) => (sample.inventory_sample && sample.xref.inventory_label ? (
+  <div>
+    <OverlayTrigger
+      placement="top"
+      overlay={<Tooltip id="sample_inventory_label">Inventory Label</Tooltip>}
+    >
+      <Badge
+        className="sample-entries-inventory-label-icon"
+        key={`inventory_label_${sample.xref.inventory_label}`}
+      >
+        {sample.xref.inventory_label}
+      </Badge>
+    </OverlayTrigger>
+  </div>
+) : null);
+
 const overlayToggle = <Tooltip id="toggle_molecule">Toggle Molecule</Tooltip>;
 
 const svgPreview = (sample) => (
@@ -346,6 +362,7 @@ export default class ElementsTableSampleEntries extends Component {
               {sample.title(selected)}
 
               <div className="d-flex align-items-center gap-1">
+                {showInventoryLabelIcon(sample)}
                 <CommentIcon commentCount={sample.comment_count} />
                 <ShowUserLabels element={sample} />
                 <XvialIcon label={sample.external_label} />