padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: Replace ShoppingCartIcon with ShoppingCart component in ProductCard and Market pages

Browse source 
- Update ProductCard.vue and Market.vue to use the new ShoppingCart component from lucide-vue-next instead of the previous ShoppingCartIcon from heroicons.
- Adjust button and icon imports for consistency across the application.
This commit is contained in:
padreug 2025-08-02 16:53:26 +02:00
parent 4d3d69f527
commit 21bb7372b4
2 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/market/ProductCard.vue
View file

@ -10,14 +10,14 @@
/> />
<!-- Add to Cart Button --> <!-- Add to Cart Button -->
<Button <Button
@click="$emit('add-to-cart', product)" @click="$emit('add-to-cart', product)"
:disabled="product.quantity < 1" :disabled="product.quantity < 1"
size="sm" size="sm"
class="absolute top-2 right-2 bg-blue-600 hover:bg-blue-700 text-white" class="absolute top-2 right-2 bg-blue-600 hover:bg-blue-700 text-white"
> >
<ShoppingCartIcon class="w-4 h-4" /> <ShoppingCart class="w-4 h-4" />
</Button> </Button>
<!-- Out of Stock Badge --> <!-- Out of Stock Badge -->
<Badge <Badge
@ -104,7 +104,7 @@ import { ref } from 'vue'
import { Card, CardContent, CardFooter, CardTitle } from '@/components/ui/card' import { Card, CardContent, CardFooter, CardTitle } from '@/components/ui/card'
import { Button } from '@/components/ui/button' import { Button } from '@/components/ui/button'
import { Badge } from '@/components/ui/badge' import { Badge } from '@/components/ui/badge'
import { ShoppingCartIcon } from '@heroicons/vue/24/outline' import { ShoppingCart } from 'lucide-vue-next'
import type { Product } from '@/stores/market' import type { Product } from '@/stores/market'
interface Props { interface Props {

4
src/pages/Market.vue
View file

@ -85,7 +85,7 @@
<!-- Cart Summary --> <!-- Cart Summary -->
<div v-if="marketStore.cartItemCount > 0" class="fixed bottom-4 right-4"> <div v-if="marketStore.cartItemCount > 0" class="fixed bottom-4 right-4">
<Button @click="viewCart" class="shadow-lg"> <Button @click="viewCart" class="shadow-lg">
<ShoppingCartIcon class="w-5 h-5 mr-2" /> <ShoppingCart class="w-5 h-5 mr-2" />
Cart ({{ marketStore.cartItemCount }}) Cart ({{ marketStore.cartItemCount }})
</Button> </Button>
</div> </div>
@ -102,7 +102,7 @@ import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input' import { Input } from '@/components/ui/input'
import { Badge } from '@/components/ui/badge' import { Badge } from '@/components/ui/badge'
import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar' import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar'
import { ShoppingCartIcon } from '@heroicons/vue/24/outline' import { ShoppingCart } from 'lucide-vue-next'
import ProductCard from '@/components/market/ProductCard.vue' import ProductCard from '@/components/market/ProductCard.vue'
const marketStore = useMarketStore() const marketStore = useMarketStore()