Prechádzať zdrojové kódy

fix(inventory): assign-spool picker note visible on mobile (#793 follow-up)

    The original #793 fix added the spool note as an HTML title= tooltip
    on each picker button in AssignSpoolModal.tsx. title= only surfaces
    on hover, which doesn't exist on touch devices — phone users tapping
    a card just selected it, the note never appeared. Users who store
    their tracking ID in the note field were blind on mobile (raised by
    @EmcetPL on the closed issue).

    Render the note as a small muted truncated line directly under the
    weight on both the internal-inventory branch (line 436-ish) and the
    Spoolman branch (line 510-ish): text-[10px] text-bambu-gray/70 mt-1
    truncate, kept inside the truthy `&&` guard so empty notes don't add
    a blank row. The existing title={spool.note} is preserved on the new
    <p> so desktop hover and mobile long-press still surface the full
    untruncated text for notes that overflow the truncate.

    Mirrored across both inventory branches per the parity rule
    (internal and Spoolman pickers stay shape-equal). No backend change,
    no new state, no popover, no new touch target.
maziggy 2 mesiacov pred
rodič
commit
b2b04fc4aa
2 zmenil súbory, kde vykonal 12 pridanie a 0 odobranie
  1. 2 0
      CHANGELOG.md
  2. 10 0
      frontend/src/components/AssignSpoolModal.tsx

Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 2 - 0
CHANGELOG.md


+ 10 - 0
frontend/src/components/AssignSpoolModal.tsx

@@ -438,6 +438,11 @@ export function AssignSpoolModal({ isOpen, onClose, printerId, amsId, trayId, tr
                         {Math.max(0, Math.round(spool.label_weight - spool.weight_used))} / {spool.label_weight}g
                         {Math.max(0, Math.round(spool.label_weight - spool.weight_used))} / {spool.label_weight}g
                       </p>
                       </p>
                     )}
                     )}
+                    {spool.note && (
+                      <p className="text-[10px] text-bambu-gray/70 mt-1 truncate" title={spool.note}>
+                        {spool.note}
+                      </p>
+                    )}
                   </button>
                   </button>
                 ))}
                 ))}
               </div>
               </div>
@@ -513,6 +518,11 @@ export function AssignSpoolModal({ isOpen, onClose, printerId, amsId, trayId, tr
                                 {Math.max(0, Math.round(spool.label_weight - spool.weight_used))} / {spool.label_weight}g
                                 {Math.max(0, Math.round(spool.label_weight - spool.weight_used))} / {spool.label_weight}g
                               </p>
                               </p>
                             )}
                             )}
+                            {spool.note && (
+                              <p className="text-[10px] text-bambu-gray/70 mt-1 truncate" title={spool.note}>
+                                {spool.note}
+                              </p>
+                            )}
                           </button>
                           </button>
                         ))}
                         ))}
                     </div>
                     </div>

Niektoré súbory nie sú zobrazené, pretože je v týchto rozdielových dátach zmenené mnoho súborov