sprint-asia-custom-component 0.1.58 → 0.1.60

package/dist/index.js

@@ -26031,7 +26031,7 @@
     }, /*#__PURE__*/React__default["default"].createElement("div", _extends$2({}, getRootProps({
       className: 'dropzone'
     }), {
-      className: `${errorMessage || error ? "border-danger500" : "border-neutral50"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`,
+      className: `${errorMessage || error ? "border-danger500 border-dashed" : "border-neutral50 border-dashed"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`,
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false)
     }), /*#__PURE__*/React__default["default"].createElement("input", getInputProps()), currentImage && !selectedImage ? /*#__PURE__*/React__default["default"].createElement("img", {
@@ -47834,8 +47834,8 @@
   };
 
   const Footer = ({
-    titleLeftButton = "Cancel",
-    titleRightButton = "Submit",
+    titleLeftButton = "Delete",
+    titleRightButton = "Edit",
     isActiveLeftButton,
     isActiveRightButton,
     onClickLeftButton,
@@ -47845,18 +47845,18 @@
       className: "fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center mr-48"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, isActiveLeftButton && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "m-1"
-    }, /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
+    }, /*#__PURE__*/React__default["default"].createElement(DangerButton, {
       title: titleLeftButton,
       onClick: onClickLeftButton,
-      isActive: isActiveLeftButton
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      isActive: true
+    })), isActiveRightButton && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "m-1"
-    }, /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
+    }, /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
       title: titleRightButton,
       onClick: onClickRightButton,
-      isActive: isActiveRightButton
+      isActive: true
     }))));
   };
 

package/package.json

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

package/src/components/dropzone/uploadphoto/index.js

@@ -45,7 +45,7 @@ const DropzoneUploadPhoto = ({
                 >
                     <div
                         {...getRootProps({ className: 'dropzone' })}
-                        className={`${(errorMessage || error) ? "border-danger500": "border-neutral50"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`}
+                        className={`${(errorMessage || error) ? "border-danger500 border-dashed": "border-neutral50 border-dashed"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`}
                         onMouseEnter={() => setIsHovered(true)}
                         onMouseLeave={() => setIsHovered(false)}
                     >

package/src/components/footer/index.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import OutlineButton from '../button/outlinebutton';
-import PrimaryButton from '../button/primarybutton';
+import DangerButton from '../button/dangerbutton';
 
 const Footer = ({ 
-    titleLeftButton = "Cancel",
-    titleRightButton = "Submit",
+    titleLeftButton = "Delete",
+    titleRightButton = "Edit",
     isActiveLeftButton,
     isActiveRightButton,
     onClickLeftButton,
@@ -13,20 +13,26 @@ const Footer = ({
   return (
     <div className='fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white'>
         <div className='flex items-center mr-48'>
-            <div className='m-1'>
-                <OutlineButton 
-                    title={titleLeftButton}
-                    onClick={onClickLeftButton}
-                    isActive={isActiveLeftButton}
-                />
-            </div>
-            <div className='m-1'>
-                <PrimaryButton 
-                    title={titleRightButton}
-                    onClick={onClickRightButton}
-                    isActive={isActiveRightButton}
-                />
-            </div>
+            {
+                isActiveLeftButton && 
+                <div className='m-1'>
+                    <DangerButton 
+                        title={titleLeftButton}
+                        onClick={onClickLeftButton}
+                        isActive={true}
+                    />
+                </div>
+            }
+            {
+                isActiveRightButton &&
+                <div className='m-1'>
+                    <OutlineButton 
+                        title={titleRightButton}
+                        onClick={onClickRightButton}
+                        isActive={true}
+                    />
+                </div>
+            }
         </div>
     </div>
   );