release: v0.19.0
Release v0.19.0. See the `## [0.19.0] — 2026-09-29` section of [CHANGELOG.md](https://github.com/ralksta/immich-folio/blob/dev/CHANGELOG.md) for the full list. Highlights: client proofing links (#683), custom content pages (#738), asset picker search (#740), concurrent-edit detection (#742), env-locked settings (#739), an accessibility baseline (#741), three security fixes with advisories (#737, #755, #759), and a pre-release quality pass (#780–#797). --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: ralksta <ralksta@users.noreply.github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Claude Opus 5 <noreply@anthropic.com> Co-authored-by: Ralf <rohlenbo79@gmail.com> Co-authored-by: Paul Thies <110185070+ImScheinox@users.noreply.github.com> Co-authored-by: lancetm714 <108419425+lancetm714@users.noreply.github.com> Co-authored-by: Lance Martin <lancetaylor95@gmail.com>
This commit is contained in:
@@ -52,7 +52,7 @@ export default function AlbumPicker({ albums, onSelect, onClose, usedAlbumIds }:
|
||||
>
|
||||
<div className="picker-header">
|
||||
<h3 id="album-picker-title">Select Album</h3>
|
||||
<button className="admin-btn-icon" onClick={onClose}>
|
||||
<button type="button" className="admin-btn-icon" onClick={onClose} aria-label="Close">
|
||||
×
|
||||
</button>
|
||||
</div>
|
||||
@@ -76,12 +76,16 @@ export default function AlbumPicker({ albums, onSelect, onClose, usedAlbumIds }:
|
||||
{filtered.map((album) => {
|
||||
const isUsed = usedAlbumIds.has(album.id);
|
||||
return (
|
||||
<div
|
||||
// A button, not a div: the list has to work from the keyboard.
|
||||
// An album already on the site is disabled rather than inert.
|
||||
<button
|
||||
type="button"
|
||||
key={album.id}
|
||||
className={`picker-item ${isUsed ? 'used' : ''}`}
|
||||
onClick={() => !isUsed && onSelect(album.id)}
|
||||
disabled={isUsed}
|
||||
onClick={() => onSelect(album.id)}
|
||||
>
|
||||
<div className="picker-item-thumb">
|
||||
<span className="picker-item-thumb">
|
||||
{album.thumbnailAssetId ? (
|
||||
<img
|
||||
className="picker-thumb-img"
|
||||
@@ -90,12 +94,12 @@ export default function AlbumPicker({ albums, onSelect, onClose, usedAlbumIds }:
|
||||
loading="lazy"
|
||||
/>
|
||||
) : (
|
||||
<div className="picker-thumb-placeholder">
|
||||
<span className="picker-thumb-placeholder">
|
||||
<IconFolder size={20} />
|
||||
</div>
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
<div className="picker-item-info">
|
||||
</span>
|
||||
<span className="picker-item-info">
|
||||
<span className="picker-item-name">{album.albumName}</span>
|
||||
<span className="picker-item-meta">
|
||||
{album.assetCount} photos
|
||||
@@ -108,15 +112,15 @@ export default function AlbumPicker({ albums, onSelect, onClose, usedAlbumIds }:
|
||||
{album.shared === false && (
|
||||
<span className="picker-item-note">Not shared in Immich</span>
|
||||
)}
|
||||
</div>
|
||||
<div className="picker-item-action">
|
||||
</span>
|
||||
<span className="picker-item-action">
|
||||
{isUsed ? (
|
||||
<span className="picker-used-badge">In use</span>
|
||||
) : (
|
||||
<span className="picker-select-badge">Select</span>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user