visual tweaks to recalled inventory
This commit is contained in:
@@ -5,11 +5,11 @@ import { client } from '../../db/typesense';
|
|||||||
import { eq } from 'drizzle-orm';
|
import { eq } from 'drizzle-orm';
|
||||||
|
|
||||||
const GainLoss = (purchasePrice: any, marketPrice: any) => {
|
const GainLoss = (purchasePrice: any, marketPrice: any) => {
|
||||||
if (!purchasePrice || !marketPrice) return '<div class="fs-5 fw-semibold">N/A</div>';
|
if (!purchasePrice || !marketPrice) return '<div class="fs-6 fw-semibold">N/A</div>';
|
||||||
const pp = Number(purchasePrice);
|
const pp = Number(purchasePrice);
|
||||||
const mp = Number(marketPrice);
|
const mp = Number(marketPrice);
|
||||||
if (pp === mp) return '<div class="fs-5 fw-semibold text-warning">-</div>';
|
if (pp === mp) return '<div class="fs-6 fw-semibold text-warning">-</div>';
|
||||||
if (pp > mp) return `<div class="fs-5 fw-semibold text-critical">-$${(pp - mp).toFixed(2)}</div>`;
|
if (pp > mp) return `<div class="fs-6 fw-semibold text-danger">-$${(pp - mp).toFixed(2)}</div>`;
|
||||||
return `<div class="fs-6 fw-semibold text-success">+$${(mp - pp).toFixed(2)}</div>`;
|
return `<div class="fs-6 fw-semibold text-success">+$${(mp - pp).toFixed(2)}</div>`;
|
||||||
}
|
}
|
||||||
const DollarToInt = (dollar: any) => {
|
const DollarToInt = (dollar: any) => {
|
||||||
@@ -71,7 +71,7 @@ const getInventory = async (userId: string, cardId: number) => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex align-items-center gap-2 flex-wrap">
|
<div class="d-flex align-items-center gap-2 flex-wrap">
|
||||||
<button type="button" class="btn btn-sm btn-outline-secondary" data-inv-action="update">Edit</button>
|
<!-- <button type="button" class="btn btn-sm btn-outline-secondary" data-inv-action="update">Edit</button> -->
|
||||||
<button type="button" class="btn btn-sm btn-outline-danger" data-inv-action="remove" onclick="if(!confirm('Are you sure you want to remove this card from your inventory?')) event.stopImmediatePropagation();">Remove</button>
|
<button type="button" class="btn btn-sm btn-outline-danger" data-inv-action="remove" onclick="if(!confirm('Are you sure you want to remove this card from your inventory?')) event.stopImmediatePropagation();">Remove</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user