sprint-asia-custom-component 0.1.85 → 0.1.86
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.
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/src/components/footer/index.js +44 -76
package/dist/index.js
CHANGED
|
@@ -47894,7 +47894,7 @@
|
|
|
47894
47894
|
onClickRightButton
|
|
47895
47895
|
}) => {
|
|
47896
47896
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47897
|
-
className: "fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white"
|
|
47897
|
+
className: "fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white z-10"
|
|
47898
47898
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47899
47899
|
className: "flex items-center mr-48"
|
|
47900
47900
|
}, isActiveLeftButton && /*#__PURE__*/React__default["default"].createElement("div", {
|
package/package.json
CHANGED
|
@@ -1,83 +1,51 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import OutlineButton from
|
|
3
|
-
import DangerButton from
|
|
4
|
-
import PrimaryButton from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import OutlineButton from "../button/outlinebutton";
|
|
3
|
+
import DangerButton from "../button/dangerbutton";
|
|
4
|
+
import PrimaryButton from "../button/primarybutton";
|
|
5
5
|
|
|
6
|
-
const Footer = ({
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
6
|
+
const Footer = ({
|
|
7
|
+
titleLeftButton = "Delete",
|
|
8
|
+
titleRightButton = "Edit",
|
|
9
|
+
isActiveLeftButton,
|
|
10
|
+
isActiveRightButton,
|
|
11
|
+
isActive,
|
|
12
|
+
modeLeftButton = "danger",
|
|
13
|
+
modeRightButton = "outline",
|
|
14
|
+
onClickLeftButton,
|
|
15
|
+
onClickRightButton,
|
|
16
16
|
}) => {
|
|
17
17
|
return (
|
|
18
|
-
<div className=
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
</div>
|
|
48
|
-
}
|
|
49
|
-
{
|
|
50
|
-
isActiveRightButton &&
|
|
51
|
-
<div className='m-1'>
|
|
52
|
-
{
|
|
53
|
-
modeRightButton == "primary" &&
|
|
54
|
-
<PrimaryButton
|
|
55
|
-
title={titleRightButton}
|
|
56
|
-
onClick={onClickRightButton}
|
|
57
|
-
isActive={isActive}
|
|
58
|
-
/>
|
|
59
|
-
}
|
|
60
|
-
{
|
|
61
|
-
modeRightButton == "danger" &&
|
|
62
|
-
<DangerButton
|
|
63
|
-
title={titleRightButton}
|
|
64
|
-
onClick={onClickRightButton}
|
|
65
|
-
isActive={isActive}
|
|
66
|
-
/>
|
|
67
|
-
}
|
|
68
|
-
{
|
|
69
|
-
modeRightButton == "outline" &&
|
|
70
|
-
<OutlineButton
|
|
71
|
-
title={titleRightButton}
|
|
72
|
-
onClick={onClickRightButton}
|
|
73
|
-
isActive={isActive}
|
|
74
|
-
/>
|
|
75
|
-
}
|
|
76
|
-
</div>
|
|
77
|
-
}
|
|
78
|
-
</div>
|
|
18
|
+
<div className="fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white z-10">
|
|
19
|
+
<div className="flex items-center mr-48">
|
|
20
|
+
{isActiveLeftButton && (
|
|
21
|
+
<div className="m-1">
|
|
22
|
+
{modeLeftButton == "primary" && (
|
|
23
|
+
<PrimaryButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
|
|
24
|
+
)}
|
|
25
|
+
{modeLeftButton == "danger" && (
|
|
26
|
+
<DangerButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
|
|
27
|
+
)}
|
|
28
|
+
{modeLeftButton == "outline" && (
|
|
29
|
+
<OutlineButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
|
|
30
|
+
)}
|
|
31
|
+
</div>
|
|
32
|
+
)}
|
|
33
|
+
{isActiveRightButton && (
|
|
34
|
+
<div className="m-1">
|
|
35
|
+
{modeRightButton == "primary" && (
|
|
36
|
+
<PrimaryButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
|
|
37
|
+
)}
|
|
38
|
+
{modeRightButton == "danger" && (
|
|
39
|
+
<DangerButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
|
|
40
|
+
)}
|
|
41
|
+
{modeRightButton == "outline" && (
|
|
42
|
+
<OutlineButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
|
|
43
|
+
)}
|
|
44
|
+
</div>
|
|
45
|
+
)}
|
|
46
|
+
</div>
|
|
79
47
|
</div>
|
|
80
48
|
);
|
|
81
49
|
};
|
|
82
50
|
|
|
83
|
-
export default Footer;
|
|
51
|
+
export default Footer;
|