sprint-asia-custom-component 0.1.86 → 0.1.87

package/dist/index.js

@@ -23853,8 +23853,8 @@
   };
 
   const Description = ({
-    title = "Title",
-    value = "Description",
+    title,
+    value,
     textColor = "default",
     subtitle,
     linkSubtitle,
@@ -23865,12 +23865,12 @@
       className: "w-full"
     }, title && /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-sm font-normal text-black mb-1"
-    }, title), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, title), value && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "py-1"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: `
-              ${textColor == "default" && "text-black font-semibold text-base"} 
-              ${textColor == "success" && "text-success500 font-semibold text-base"} 
+            ${textColor == "default" && "text-black font-semibold text-base"} 
+            ${textColor == "success" && "text-success500 font-semibold text-base"} 
             `
     }, value)), subtitle && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center mt-1"
@@ -23882,11 +23882,11 @@
     }, linkSubtitle)), image && (typeof image === "string" ? /*#__PURE__*/React__default["default"].createElement("img", {
       src: image,
       alt: "voucher-img",
-      className: "w-52 h-52 object-contain rounded-lg mt-1"
+      className: "w-52 h-52 object-cover rounded-lg mt-1"
     }) : /*#__PURE__*/React__default["default"].createElement("img", {
       src: URL.createObjectURL(image),
       alt: "voucher-img",
-      className: "w-52 h-52 object-contain rounded-lg mt-1"
+      className: "w-52 h-52 object-cover rounded-lg mt-1"
     })));
   };
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sprint-asia-custom-component",
   "main": "dist/index.js",
-  "version": "0.1.86",
+  "version": "0.1.87",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

package/src/components/description/index.js

@@ -1,27 +1,21 @@
 import React from "react";
 
-const Description = ({
-  title = "Title",
-  value = "Description",
-  textColor = "default",
-  subtitle,
-  linkSubtitle,
-  onClickSubtitle,
-  image,
-}) => {
+const Description = ({ title, value, textColor = "default", subtitle, linkSubtitle, onClickSubtitle, image }) => {
   return (
     <div className="w-full">
       {title && <p className="text-sm font-normal text-black mb-1">{title}</p>}
-      <div className="py-1">
-        <p
-          className={`
-              ${textColor == "default" && "text-black font-semibold text-base"} 
-              ${textColor == "success" && "text-success500 font-semibold text-base"} 
+      {value && (
+        <div className="py-1">
+          <p
+            className={`
+            ${textColor == "default" && "text-black font-semibold text-base"} 
+            ${textColor == "success" && "text-success500 font-semibold text-base"} 
             `}
-        >
-          {value}
-        </p>
-      </div>
+          >
+            {value}
+          </p>
+        </div>
+      )}
       {subtitle && (
         <div className="flex items-center mt-1">
           <p className="text-sm font-normal text-black mr-1">{subtitle}</p>
@@ -35,13 +29,9 @@ const Description = ({
 
       {image &&
         (typeof image === "string" ? (
-          <img src={image} alt="voucher-img" className="w-52 h-52 object-contain rounded-lg mt-1" />
+          <img src={image} alt="voucher-img" className="w-52 h-52 object-cover rounded-lg mt-1" />
         ) : (
-          <img
-            src={URL.createObjectURL(image)}
-            alt="voucher-img"
-            className="w-52 h-52 object-contain rounded-lg mt-1"
-          />
+          <img src={URL.createObjectURL(image)} alt="voucher-img" className="w-52 h-52 object-cover rounded-lg mt-1" />
         ))}
     </div>
   );

package/src/templates/index.js

@@ -1059,7 +1059,11 @@ const Templates = () => {
 
       <div className="m-9"></div>
       <p className="text-black font-bold text-2xl text-center py-2">Description</p>
-      <Description title="Sample Title" value="This is a sample description." />
+      <Description
+        title="Sample Title"
+        // value="This is a sample description."
+        image="https://static.promediateknologi.id/crop/0x0:0x0/0x0/webp/photo/jawapos/2022/09/one-piece-red.jpeg"
+      />
 
       <div className="m-9"></div>
       <p className="text-black font-bold text-2xl text-center py-2">Dropdown</p>