@codesinger0/shared-components 1.1.6 → 1.1.8
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.
|
@@ -37,7 +37,7 @@ const SmallItemCard = ({
|
|
|
37
37
|
|
|
38
38
|
return (
|
|
39
39
|
<div
|
|
40
|
-
className={`glass-card cursor-pointer transition-all duration-300 hover:scale-104 ${className}`}
|
|
40
|
+
className={`glass-card cursor-pointer transition-all duration-300 hover:scale-104 flex flex-col ${className}`}
|
|
41
41
|
onClick={handleCardClickWrapper}
|
|
42
42
|
dir="rtl"
|
|
43
43
|
{...props}
|
|
@@ -85,66 +85,65 @@ const SmallItemCard = ({
|
|
|
85
85
|
</div>
|
|
86
86
|
|
|
87
87
|
{/* Content */}
|
|
88
|
-
<div className=
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
</h3>
|
|
94
|
-
|
|
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
|
-
)}
|
|
88
|
+
<div className="p-4 flex flex-col flex-grow">
|
|
89
|
+
{/* Name */}
|
|
90
|
+
<h3 className="subtitle font-semibold line-clamp-2 flex-shrink-0">
|
|
91
|
+
{label}
|
|
92
|
+
</h3>
|
|
103
93
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
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}
|
|
120
|
-
</div>
|
|
121
|
-
</div>
|
|
122
|
-
) : (
|
|
123
|
-
<div className="flex items-center justify-between">
|
|
124
|
-
<span className="price-tag">
|
|
125
|
-
₪{price}
|
|
126
|
-
</span>
|
|
127
|
-
</div>
|
|
128
|
-
)}
|
|
94
|
+
{/* Description */}
|
|
95
|
+
{description && (
|
|
96
|
+
<div className="flex-grow">
|
|
97
|
+
<p className="caption-text line-clamp-2 leading-relaxed">
|
|
98
|
+
{description}
|
|
99
|
+
</p>
|
|
129
100
|
</div>
|
|
101
|
+
)}
|
|
130
102
|
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
103
|
+
{/* Price Section */}
|
|
104
|
+
<div className="mb-3 flex-shrink-0 leading-relaxed">
|
|
105
|
+
{hasDiscount ? (
|
|
106
|
+
<div className="space-y-2">
|
|
107
|
+
<div className="flex items-center justify-between">
|
|
108
|
+
<div className="flex items-center gap-2">
|
|
109
|
+
<span className="price-tag text-green-600">
|
|
110
|
+
₪{discountPrice}
|
|
111
|
+
</span>
|
|
112
|
+
<span className="text-sm text-gray-400 line-through">
|
|
113
|
+
₪{price}
|
|
114
|
+
</span>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
) : (
|
|
119
|
+
<div className="flex items-center justify-between">
|
|
120
|
+
<span className="price-tag">
|
|
121
|
+
₪{price}
|
|
122
|
+
</span>
|
|
135
123
|
</div>
|
|
136
124
|
)}
|
|
137
125
|
</div>
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
>
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
126
|
+
|
|
127
|
+
{/* Stock Availability */}
|
|
128
|
+
{amountAvailable !== undefined && amountAvailable > 0 && (
|
|
129
|
+
<div className="text-xs text-gray-600 font-medium mb-2">
|
|
130
|
+
{availableLabel}: {amountAvailable}
|
|
131
|
+
</div>
|
|
132
|
+
)}
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
</div>
|
|
137
|
+
|
|
138
|
+
<div className='mb-4 px-4'>
|
|
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>
|
|
148
147
|
</div>
|
|
149
148
|
</div>
|
|
150
149
|
);
|