@codesinger0/shared-components 1.1.5 → 1.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -85,64 +85,66 @@ const SmallItemCard = ({
|
|
|
85
85
|
</div>
|
|
86
86
|
|
|
87
87
|
{/* Content */}
|
|
88
|
-
<div className=
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
88
|
+
<div className='flex flex-col justify-between'>
|
|
89
|
+
<div className="p-4 flex flex-col">
|
|
90
|
+
{/* Name */}
|
|
91
|
+
<h3 className="subtitle font-semibold line-clamp-2 flex-shrink-0">
|
|
92
|
+
{label}
|
|
93
|
+
</h3>
|
|
93
94
|
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
95
|
+
{/* Description */}
|
|
96
|
+
{description && (
|
|
97
|
+
<div className="flex-grow">
|
|
98
|
+
<p className="caption-text line-clamp-2 leading-relaxed">
|
|
99
|
+
{description}
|
|
100
|
+
</p>
|
|
101
|
+
</div>
|
|
102
|
+
)}
|
|
102
103
|
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
104
|
+
{/* Price Section */}
|
|
105
|
+
<div className="mb-3 flex-shrink-0 leading-relaxed">
|
|
106
|
+
{hasDiscount ? (
|
|
107
|
+
<div className="space-y-2">
|
|
108
|
+
<div className="flex items-center justify-between">
|
|
109
|
+
<div className="flex items-center gap-2">
|
|
110
|
+
<span className="price-tag text-green-600">
|
|
111
|
+
₪{discountPrice}
|
|
112
|
+
</span>
|
|
113
|
+
<span className="text-sm text-gray-400 line-through">
|
|
114
|
+
₪{price}
|
|
115
|
+
</span>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
<div className="text-xs text-green-600 font-medium">
|
|
119
|
+
חיסכון ₪{price - discountPrice}
|
|
115
120
|
</div>
|
|
116
121
|
</div>
|
|
117
|
-
|
|
118
|
-
|
|
122
|
+
) : (
|
|
123
|
+
<div className="flex items-center justify-between">
|
|
124
|
+
<span className="price-tag">
|
|
125
|
+
₪{price}
|
|
126
|
+
</span>
|
|
119
127
|
</div>
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
128
|
+
)}
|
|
129
|
+
</div>
|
|
130
|
+
|
|
131
|
+
{/* Stock Availability */}
|
|
132
|
+
{amountAvailable !== undefined && amountAvailable > 0 && (
|
|
133
|
+
<div className="text-xs text-gray-600 font-medium mb-2">
|
|
134
|
+
{availableLabel}: {amountAvailable}
|
|
126
135
|
</div>
|
|
127
136
|
)}
|
|
128
137
|
</div>
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
disabled={amountAvailable !== undefined && amountAvailable <= 0}
|
|
140
|
-
className="w-full flex items-center justify-center gap-2"
|
|
141
|
-
>
|
|
142
|
-
<ShoppingCart size={16} />
|
|
143
|
-
הוסף לעגלה
|
|
144
|
-
</SmallButton>
|
|
145
|
-
|
|
138
|
+
<div>
|
|
139
|
+
<SmallButton
|
|
140
|
+
onClick={handleAddToCartClick}
|
|
141
|
+
disabled={amountAvailable !== undefined && amountAvailable <= 0}
|
|
142
|
+
className="w-full flex items-center justify-center gap-2"
|
|
143
|
+
>
|
|
144
|
+
<ShoppingCart size={16} />
|
|
145
|
+
הוסף לעגלה
|
|
146
|
+
</SmallButton>
|
|
147
|
+
</div>
|
|
146
148
|
</div>
|
|
147
149
|
</div>
|
|
148
150
|
);
|