Hide properties filters with count = 0
This commit is contained in:
@@ -1510,94 +1510,110 @@ const EventFeed = ({
|
|||||||
|
|
||||||
{/* Order Property Filters */}
|
{/* Order Property Filters */}
|
||||||
<div className="flex flex-wrap gap-2 justify-center mt-4">
|
<div className="flex flex-wrap gap-2 justify-center mt-4">
|
||||||
<Badge
|
{counts.orderProperties.hasPreorder > 0 && (
|
||||||
variant="secondary"
|
<Badge
|
||||||
onClick={() => handleOrderPropertyClick('hasPreorder')}
|
variant="secondary"
|
||||||
className={`${
|
onClick={() => handleOrderPropertyClick('hasPreorder')}
|
||||||
orderFilters.hasPreorder
|
className={`${
|
||||||
? 'bg-purple-800 text-purple-200 hover:bg-purple-700'
|
orderFilters.hasPreorder
|
||||||
: 'bg-purple-100 dark:bg-purple-900/20 text-purple-800 dark:text-purple-300 hover:bg-purple-100 dark:hover:bg-purple-900/20'
|
? 'bg-purple-800 text-purple-200 hover:bg-purple-700'
|
||||||
} cursor-pointer`}
|
: 'bg-purple-100 dark:bg-purple-900/20 text-purple-800 dark:text-purple-300 hover:bg-purple-100 dark:hover:bg-purple-900/20'
|
||||||
>
|
} cursor-pointer`}
|
||||||
Pre-order {counts.orderProperties.hasPreorder > 0 && `(${counts.orderProperties.hasPreorder})`}
|
>
|
||||||
</Badge>
|
Pre-order ({counts.orderProperties.hasPreorder})
|
||||||
<Badge
|
</Badge>
|
||||||
variant="secondary"
|
)}
|
||||||
onClick={() => handleOrderPropertyClick('localPickup')}
|
{counts.orderProperties.localPickup > 0 && (
|
||||||
className={`${
|
<Badge
|
||||||
orderFilters.localPickup
|
variant="secondary"
|
||||||
? 'bg-green-800 text-green-200 hover:bg-green-700'
|
onClick={() => handleOrderPropertyClick('localPickup')}
|
||||||
: 'bg-green-100 dark:bg-green-900/20 text-green-800 dark:text-green-300 hover:bg-green-100 dark:hover:bg-green-900/20'
|
className={`${
|
||||||
} cursor-pointer`}
|
orderFilters.localPickup
|
||||||
>
|
? 'bg-green-800 text-green-200 hover:bg-green-700'
|
||||||
Local {counts.orderProperties.localPickup > 0 && `(${counts.orderProperties.localPickup})`}
|
: 'bg-green-100 dark:bg-green-900/20 text-green-800 dark:text-green-300 hover:bg-green-100 dark:hover:bg-green-900/20'
|
||||||
</Badge>
|
} cursor-pointer`}
|
||||||
<Badge
|
>
|
||||||
variant="secondary"
|
Local ({counts.orderProperties.localPickup})
|
||||||
onClick={() => handleOrderPropertyClick('isOnHold')}
|
</Badge>
|
||||||
className={`${
|
)}
|
||||||
orderFilters.isOnHold
|
{counts.orderProperties.isOnHold > 0 && (
|
||||||
? 'bg-blue-800 text-blue-200 hover:bg-blue-700'
|
<Badge
|
||||||
: 'bg-blue-100 dark:bg-blue-900/20 text-blue-800 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-900/20'
|
variant="secondary"
|
||||||
} cursor-pointer`}
|
onClick={() => handleOrderPropertyClick('isOnHold')}
|
||||||
>
|
className={`${
|
||||||
On Hold {counts.orderProperties.isOnHold > 0 && `(${counts.orderProperties.isOnHold})`}
|
orderFilters.isOnHold
|
||||||
</Badge>
|
? 'bg-blue-800 text-blue-200 hover:bg-blue-700'
|
||||||
<Badge
|
: 'bg-blue-100 dark:bg-blue-900/20 text-blue-800 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-900/20'
|
||||||
variant="secondary"
|
} cursor-pointer`}
|
||||||
onClick={() => handleOrderPropertyClick('onHoldReleased')}
|
>
|
||||||
className={`${
|
On Hold ({counts.orderProperties.isOnHold})
|
||||||
orderFilters.onHoldReleased
|
</Badge>
|
||||||
? 'bg-green-800 text-green-200 hover:bg-green-700'
|
)}
|
||||||
: 'bg-green-100 dark:bg-green-900/20 text-green-800 dark:text-green-300 hover:bg-green-100 dark:hover:bg-green-900/20'
|
{counts.orderProperties.onHoldReleased > 0 && (
|
||||||
} cursor-pointer`}
|
<Badge
|
||||||
>
|
variant="secondary"
|
||||||
Hold Released {counts.orderProperties.onHoldReleased > 0 && `(${counts.orderProperties.onHoldReleased})`}
|
onClick={() => handleOrderPropertyClick('onHoldReleased')}
|
||||||
</Badge>
|
className={`${
|
||||||
<Badge
|
orderFilters.onHoldReleased
|
||||||
variant="secondary"
|
? 'bg-green-800 text-green-200 hover:bg-green-700'
|
||||||
onClick={() => handleOrderPropertyClick('hasDigiItem')}
|
: 'bg-green-100 dark:bg-green-900/20 text-green-800 dark:text-green-300 hover:bg-green-100 dark:hover:bg-green-900/20'
|
||||||
className={`${
|
} cursor-pointer`}
|
||||||
orderFilters.hasDigiItem
|
>
|
||||||
? 'bg-indigo-800 text-indigo-200 hover:bg-indigo-700'
|
Hold Released ({counts.orderProperties.onHoldReleased})
|
||||||
: 'bg-indigo-100 dark:bg-indigo-900/20 text-indigo-800 dark:text-indigo-300 hover:bg-indigo-100 dark:hover:bg-indigo-900/20'
|
</Badge>
|
||||||
} cursor-pointer`}
|
)}
|
||||||
>
|
{counts.orderProperties.hasDigiItem > 0 && (
|
||||||
Digital {counts.orderProperties.hasDigiItem > 0 && `(${counts.orderProperties.hasDigiItem})`}
|
<Badge
|
||||||
</Badge>
|
variant="secondary"
|
||||||
<Badge
|
onClick={() => handleOrderPropertyClick('hasDigiItem')}
|
||||||
variant="secondary"
|
className={`${
|
||||||
onClick={() => handleOrderPropertyClick('hasNotions')}
|
orderFilters.hasDigiItem
|
||||||
className={`${
|
? 'bg-indigo-800 text-indigo-200 hover:bg-indigo-700'
|
||||||
orderFilters.hasNotions
|
: 'bg-indigo-100 dark:bg-indigo-900/20 text-indigo-800 dark:text-indigo-300 hover:bg-indigo-100 dark:hover:bg-indigo-900/20'
|
||||||
? 'bg-yellow-800 text-yellow-200 hover:bg-yellow-700'
|
} cursor-pointer`}
|
||||||
: 'bg-yellow-100 dark:bg-yellow-900/20 text-yellow-800 dark:text-yellow-300 hover:bg-yellow-100 dark:hover:bg-yellow-900/20'
|
>
|
||||||
} cursor-pointer`}
|
Digital ({counts.orderProperties.hasDigiItem})
|
||||||
>
|
</Badge>
|
||||||
Notions {counts.orderProperties.hasNotions > 0 && `(${counts.orderProperties.hasNotions})`}
|
)}
|
||||||
</Badge>
|
{counts.orderProperties.hasNotions > 0 && (
|
||||||
<Badge
|
<Badge
|
||||||
variant="secondary"
|
variant="secondary"
|
||||||
onClick={() => handleOrderPropertyClick('hasGiftCard')}
|
onClick={() => handleOrderPropertyClick('hasNotions')}
|
||||||
className={`${
|
className={`${
|
||||||
orderFilters.hasGiftCard
|
orderFilters.hasNotions
|
||||||
? 'bg-pink-800 text-pink-200 hover:bg-pink-700'
|
? 'bg-yellow-800 text-yellow-200 hover:bg-yellow-700'
|
||||||
: 'bg-pink-100 dark:bg-pink-900/20 text-pink-800 dark:text-pink-300 hover:bg-pink-100 dark:hover:bg-pink-900/20'
|
: 'bg-yellow-100 dark:bg-yellow-900/20 text-yellow-800 dark:text-yellow-300 hover:bg-yellow-100 dark:hover:bg-yellow-900/20'
|
||||||
} cursor-pointer`}
|
} cursor-pointer`}
|
||||||
>
|
>
|
||||||
eGift Card {counts.orderProperties.hasGiftCard > 0 && `(${counts.orderProperties.hasGiftCard})`}
|
Notions ({counts.orderProperties.hasNotions})
|
||||||
</Badge>
|
</Badge>
|
||||||
<Badge
|
)}
|
||||||
variant="secondary"
|
{counts.orderProperties.hasGiftCard > 0 && (
|
||||||
onClick={() => handleOrderPropertyClick('stillOwes')}
|
<Badge
|
||||||
className={`${
|
variant="secondary"
|
||||||
orderFilters.stillOwes
|
onClick={() => handleOrderPropertyClick('hasGiftCard')}
|
||||||
? 'bg-red-800 text-red-200 hover:bg-red-700'
|
className={`${
|
||||||
: 'bg-red-100 dark:bg-red-900/20 text-red-800 dark:text-red-300 hover:bg-red-100 dark:hover:bg-red-900/20'
|
orderFilters.hasGiftCard
|
||||||
} cursor-pointer`}
|
? 'bg-pink-800 text-pink-200 hover:bg-pink-700'
|
||||||
>
|
: 'bg-pink-100 dark:bg-pink-900/20 text-pink-800 dark:text-pink-300 hover:bg-pink-100 dark:hover:bg-pink-900/20'
|
||||||
Owes {counts.orderProperties.stillOwes > 0 && `(${counts.orderProperties.stillOwes})`}
|
} cursor-pointer`}
|
||||||
</Badge>
|
>
|
||||||
|
eGift Card ({counts.orderProperties.hasGiftCard})
|
||||||
|
</Badge>
|
||||||
|
)}
|
||||||
|
{counts.orderProperties.stillOwes > 0 && (
|
||||||
|
<Badge
|
||||||
|
variant="secondary"
|
||||||
|
onClick={() => handleOrderPropertyClick('stillOwes')}
|
||||||
|
className={`${
|
||||||
|
orderFilters.stillOwes
|
||||||
|
? 'bg-red-800 text-red-200 hover:bg-red-700'
|
||||||
|
: 'bg-red-100 dark:bg-red-900/20 text-red-800 dark:text-red-300 hover:bg-red-100 dark:hover:bg-red-900/20'
|
||||||
|
} cursor-pointer`}
|
||||||
|
>
|
||||||
|
Owes ({counts.orderProperties.stillOwes})
|
||||||
|
</Badge>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user