inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-05-02 21:38:48 +00:00
Code

Add new "available" badge to stock page (#7368)

Browse Source
This commit is contained in:
Oliver 2024-05-28 17:01:21 +10:00 committed by GitHub
parent f3223c6d7f
commit 4cf395c06f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/frontend/src/pages/stock/StockDetail.tsx
View File

@ -501,6 +501,9 @@ export default function StockDetail() {
); );
const stockBadges: ReactNode[] = useMemo(() => { const stockBadges: ReactNode[] = useMemo(() => {
let available = (stockitem?.quantity ?? 0) - (stockitem?.allocated ?? 0);
available = Math.max(0, available);
return instanceQuery.isLoading return instanceQuery.isLoading
? [] ? []
: [ : [
@ -521,6 +524,12 @@ export default function StockDetail() {
visible={!stockitem.serial} visible={!stockitem.serial}
key="quantity" key="quantity"
/>, />,
<DetailsBadge
color="yellow"
label={t`Available` + `: ${available}`}
visible={!stockitem.serial && available != stockitem.quantity}
key="available"
/>,
<DetailsBadge <DetailsBadge
color="blue" color="blue"
label={t`Batch Code` + `: ${stockitem.batch}`} label={t`Batch Code` + `: ${stockitem.batch}`}