sprint-asia-custom-component 0.1.57 → 0.1.58
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
CHANGED
|
@@ -26024,7 +26024,7 @@
|
|
|
26024
26024
|
},
|
|
26025
26025
|
onDropRejected
|
|
26026
26026
|
});
|
|
26027
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26027
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26028
26028
|
className: "w-52 h-52"
|
|
26029
26029
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26030
26030
|
className: "cursor-pointer relative"
|
|
@@ -26060,7 +26060,7 @@
|
|
|
26060
26060
|
className: "text-white"
|
|
26061
26061
|
})), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
26062
26062
|
className: "text-xs text-white mt-2"
|
|
26063
|
-
}, "Upload Image"))))), error && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
26063
|
+
}, "Upload Image")))))), error && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
26064
26064
|
className: "text-danger500 text-xs mt-1"
|
|
26065
26065
|
}, error), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
26066
26066
|
className: "text-xs text-neutral300 mt-1"
|
package/package.json
CHANGED
|
@@ -37,55 +37,58 @@ const DropzoneUploadPhoto = ({
|
|
|
37
37
|
});
|
|
38
38
|
|
|
39
39
|
return (
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
>
|
|
40
|
+
<>
|
|
41
|
+
|
|
42
|
+
<div className='w-52 h-52'>
|
|
44
43
|
<div
|
|
45
|
-
|
|
46
|
-
className={`${(errorMessage || error) ? "border-danger500": "border-neutral50"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`}
|
|
47
|
-
onMouseEnter={() => setIsHovered(true)}
|
|
48
|
-
onMouseLeave={() => setIsHovered(false)}
|
|
44
|
+
className="cursor-pointer relative"
|
|
49
45
|
>
|
|
50
|
-
<
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
/>
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
46
|
+
<div
|
|
47
|
+
{...getRootProps({ className: 'dropzone' })}
|
|
48
|
+
className={`${(errorMessage || error) ? "border-danger500": "border-neutral50"} "bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed"`}
|
|
49
|
+
onMouseEnter={() => setIsHovered(true)}
|
|
50
|
+
onMouseLeave={() => setIsHovered(false)}
|
|
51
|
+
>
|
|
52
|
+
<input {...getInputProps()} />
|
|
53
|
+
{
|
|
54
|
+
currentImage && !selectedImage ?
|
|
55
|
+
<img
|
|
56
|
+
src={currentImage}
|
|
57
|
+
className="w-full h-full object-cover rounded-md"
|
|
58
|
+
/>
|
|
59
|
+
:
|
|
60
|
+
!currentImage && !selectedImage ?
|
|
61
|
+
<div className="flex w-full h-full justify-center items-center text-center">
|
|
62
|
+
<div>
|
|
63
|
+
<div className='flex justify-center'>
|
|
64
|
+
<PiPlus size={18} className='text-neutral300'/>
|
|
65
|
+
</div>
|
|
66
|
+
<p className="text-xs text-neutral300 mt-2">Upload Image</p>
|
|
67
|
+
{errorMessage && <p className="text-xs text-danger500">{errorMessage}</p>}
|
|
63
68
|
</div>
|
|
64
|
-
<p className="text-xs text-neutral300 mt-2">Upload Image</p>
|
|
65
|
-
{errorMessage && <p className="text-xs text-danger500">{errorMessage}</p>}
|
|
66
69
|
</div>
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
70
|
+
:
|
|
71
|
+
<img
|
|
72
|
+
src={selectedImage}
|
|
73
|
+
className="w-full h-full object-cover rounded-md"
|
|
74
|
+
/>
|
|
75
|
+
}
|
|
76
|
+
{(selectedImage || currentImage) && isHovered && (
|
|
77
|
+
<div className="absolute inset-0 rounded-md bg-black bg-opacity-40 items-center flex justify-center">
|
|
78
|
+
<div>
|
|
79
|
+
<div className='flex justify-center'>
|
|
80
|
+
<PiPlus size={18} className='text-white'/>
|
|
81
|
+
</div>
|
|
82
|
+
<p className="text-xs text-white mt-2">Upload Image</p>
|
|
79
83
|
</div>
|
|
80
|
-
<p className="text-xs text-white mt-2">Upload Image</p>
|
|
81
84
|
</div>
|
|
82
|
-
|
|
83
|
-
|
|
85
|
+
)}
|
|
86
|
+
</div>
|
|
84
87
|
</div>
|
|
85
88
|
</div>
|
|
86
89
|
{error && <p className="text-danger500 text-xs mt-1">{error}</p>}
|
|
87
90
|
<p className="text-xs text-neutral300 mt-1">{subtitle}</p>
|
|
88
|
-
|
|
91
|
+
</>
|
|
89
92
|
);
|
|
90
93
|
};
|
|
91
94
|
|