Draw the container the row is actually holding

[suskozaver]

Every Stock row drew a vial. A pack of tablets drew a vial above a count of tablets; a nasal spray bottle drew one above a count of presses. It is the kind of small lie that makes a reader distrust the rest of the screen.

A pack is a blister

Because that is the thing in the drawer, and because the quantity it has to show is a count. Ten slots whatever the pack holds, emptying from the top as they are pressed out. A liquid level would be the wrong picture for something nobody pours.

Sealed is unbroken foil, not a full strip of ten. The two are the same quantity and not the same state, and the row offers different actions for each, so the picture has to tell them apart. It is the pack's answer to the lyophilised cake in a sealed vial.

A spray keeps the level

It is a liquid in a container, so it keeps the vial's fluid level. What it drops is the crimp cap: the pump stem and the finger flange are the only parts of a spray bottle that read at this size, so that is where the drawing spends its pixels.

The rounding is the interesting part

blisterDots is in calc/tablet.ts with a test, because the two ends matter more than the arithmetic:

• one tablet left of sixty rounds to zero slots and would draw an empty strip with something still in it, so anything above empty keeps a slot
• one tablet gone of sixty rounds back up to full and would make a started pack look untouched, so anything below full loses one

Imprecise in the middle, never at the ends.

One viewBox for all three, so a column of rows lines up and swapping one glyph for another does not move anything.

Checks

npx tsc --noEmit clean, npx next lint clean, 1704 tests pass (6 new).

[vercel]

Someone is attempting to deploy a commit to the Arun's projects Team on Vercel.

A member of the Team first needs to authorize it.