|
<div |
|
v-for="bid in displayBids" |
|
:key="bid.id" |
|
class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded-lg shadow-sm" |
|
> |
|
<!-- Imagen --> |
|
<img |
|
:src="bid.image" |
|
alt="Avatar" |
|
class="w-10 h-10 rounded-full object-cover" |
|
/> |
|
|
|
<!-- Info --> |
|
<div class="flex-1 mx-4"> |
|
<p class="font-medium text-gray-900 dark:text-white"> |
|
{{ bid.name }} |
|
</p> |
|
<p class="text-sm text-gray-500 dark:text-gray-400"> |
|
{{ bid.amount }} ICP |
|
</p> |
|
</div> |
|
|
|
<button |
|
@click="openAcceptModal(bid)" |
|
class="bg-emerald-600 hover:bg-emerald-700 text-white px-4 py-2 rounded-md text-sm font-medium transition" |
|
> |
|
Accept |
|
</button> |
|
</div> |
|
</div> |
Renderizar solo si "AcceptedOffer" in props.task[0].task.status
case contrario renderizar el bid aceptado previamente bid sin el boton de aceptar
