Merge branch '314-element-or-reaction-notes-are-not-displayed-in-the-left-panel' into 'main'

Resolve "Element or reaction notes are not displayed in the left panel."

See merge request !308

CHANGELOG

+minerva-front (18.0.3) stable; urgency=medium
+  * Bug fix: mwhen compartment is missing "default" is added (#314)
+
+ -- Piotr Gawron <piotr.gawron@uni.lu>  Thu, 11 Nov 2024 15:00:00 +0200
+
 minerva-front (18.0.3) stable; urgency=medium
   * Bug fix: Molart froze after clicking (#313)
   * Bug fix: missing description and modifications added to element and

src/components/Map/Drawer/BioEntityDrawer/BioEntityDrawer.component.tsx

@@ -60,14 +60,22 @@ export const BioEntityDrawer = (): React.ReactNode => {
       />
       <div className="flex max-h-full flex-col gap-6 overflow-y-auto p-6">
         <div className="text-sm font-normal">
-          Compartment: <b className="font-semibold">{bioEntityData.compartmentName}</b>
+          Compartment:{' '}
+          <b className="font-semibold">
+            {bioEntityData.compartmentName ? bioEntityData.compartmentName : 'default'}
+          </b>
         </div>
         {bioEntityData.fullName && (
           <div className="text-sm font-normal">
             Full name: <b className="font-semibold">{bioEntityData.fullName}</b>
           </div>
         )}
-        {bioEntityData.notes && <div className="text-sm font-normal">{bioEntityData.notes}</div>}
+        {bioEntityData.notes && (
+          <span>
+            <hr className="border-b border-b-divide" />
+            <div className="text-sm font-normal">{bioEntityData.notes}</div>
+          </span>
+        )}
         {isModificationAvailable && (
           <h3 className="font-semibold">Post-translational modifications:</h3>
         )}