fix: slice product name in ProductCard if len exceeds 15

SpaceyaTech · Oct 29, 2024 · 97757b8 · 97757b8
1 parent 26c3f34
commit 97757b8
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/shop/ProductCard.jsx b/src/components/shop/ProductCard.jsx
@@ -35,7 +35,9 @@ function ProductCard({ product }) {
         className="flex justify-between pr-1"
       >
         <h3 className="text-md uppercase font-medium text-gray-600">
-          {product.name}
+          {product.name.length > 15
+            ? `${product.name.slice(0, 18)}...`
+            : product.name}
         </h3>
         <div className="p-1 rounded-xl bg-green-dark/10">
           {totalStock > 0 ? (