sprint-asia-custom-component 0.1.112 → 0.1.114
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 +140 -57
- package/package.json +2 -2
- package/src/components/footer/index.js +10 -6
- package/src/index.js +1 -1
- package/src/templates/index.js +15 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sprint-asia-custom-component",
|
|
3
3
|
"main": "dist/index.js",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.114",
|
|
5
5
|
"private": false,
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@headlessui/react": "^1.7.18",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"react-datepicker": "^6.1.0",
|
|
14
14
|
"react-dom": "^18.2.0",
|
|
15
15
|
"react-dropzone": "^14.2.3",
|
|
16
|
-
"react-icons": "^
|
|
16
|
+
"react-icons": "^5.0.1",
|
|
17
17
|
"react-quill": "^2.0.0",
|
|
18
18
|
"react-router-dom": "^6.22.1",
|
|
19
19
|
"react-scripts": "5.0.1",
|
|
@@ -13,32 +13,36 @@ const Footer = ({
|
|
|
13
13
|
modeRightButton = "outline",
|
|
14
14
|
onClickLeftButton,
|
|
15
15
|
onClickRightButton,
|
|
16
|
+
additionalButton,
|
|
16
17
|
}) => {
|
|
17
18
|
return (
|
|
18
19
|
<div className="fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white">
|
|
19
20
|
<div className="flex items-center mr-48">
|
|
20
21
|
{isActiveLeftButton && (
|
|
21
22
|
<div className="m-1">
|
|
22
|
-
{modeLeftButton
|
|
23
|
+
{modeLeftButton === "primary" && (
|
|
23
24
|
<PrimaryButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
|
|
24
25
|
)}
|
|
25
|
-
{modeLeftButton
|
|
26
|
+
{modeLeftButton === "danger" && (
|
|
26
27
|
<DangerButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
|
|
27
28
|
)}
|
|
28
|
-
{modeLeftButton
|
|
29
|
+
{modeLeftButton === "outline" && (
|
|
29
30
|
<OutlineButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
|
|
30
31
|
)}
|
|
31
32
|
</div>
|
|
32
33
|
)}
|
|
34
|
+
|
|
35
|
+
{additionalButton && <div className="m-1">{additionalButton}</div>}
|
|
36
|
+
|
|
33
37
|
{isActiveRightButton && (
|
|
34
38
|
<div className="m-1">
|
|
35
|
-
{modeRightButton
|
|
39
|
+
{modeRightButton === "primary" && (
|
|
36
40
|
<PrimaryButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
|
|
37
41
|
)}
|
|
38
|
-
{modeRightButton
|
|
42
|
+
{modeRightButton === "danger" && (
|
|
39
43
|
<DangerButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
|
|
40
44
|
)}
|
|
41
|
-
{modeRightButton
|
|
45
|
+
{modeRightButton === "outline" && (
|
|
42
46
|
<OutlineButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
|
|
43
47
|
)}
|
|
44
48
|
</div>
|
package/src/index.js
CHANGED
package/src/templates/index.js
CHANGED
|
@@ -39,7 +39,7 @@ import TextInput from "../components/textinput";
|
|
|
39
39
|
import HeaderTable from "../components/table/headerTable";
|
|
40
40
|
|
|
41
41
|
import BillingList from "../components/table/listTable/billing";
|
|
42
|
-
|
|
42
|
+
import Footer from "../components/footer";
|
|
43
43
|
import ModalBilling from "../components/modal/modalBilling";
|
|
44
44
|
import ModalDeclineBilling from "../components/modal/modalDeclineBilling";
|
|
45
45
|
import TextEditor from "../components/texteditor";
|
|
@@ -842,6 +842,20 @@ const Templates = () => {
|
|
|
842
842
|
<Header title="Navbar" />
|
|
843
843
|
</div>
|
|
844
844
|
|
|
845
|
+
<div>
|
|
846
|
+
<Footer
|
|
847
|
+
modeLeftButton="outline"
|
|
848
|
+
modeRightButton="primary"
|
|
849
|
+
titleLeftButton="Cancel"
|
|
850
|
+
titleRightButton="Submit"
|
|
851
|
+
isActiveLeftButton
|
|
852
|
+
isActiveRightButton
|
|
853
|
+
onClickLeftButton={() => {}}
|
|
854
|
+
onClickRightButton={() => {}}
|
|
855
|
+
additionalButton={<PrimaryButton title={"Additional"} onClick={() => {}} isActive={true} />}
|
|
856
|
+
/>
|
|
857
|
+
</div>
|
|
858
|
+
|
|
845
859
|
<div className="flex my-4 justify-center">
|
|
846
860
|
<CustomPhone mode="Empty" />
|
|
847
861
|
<CustomPhone mode="Whatsapp" data="Ini message" />
|