sprint-asia-custom-component 0.1.59 → 0.1.60

package/dist/index.js

@@ -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.59",
+  "version": "0.1.60",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

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>
   );