sprint-asia-custom-component 0.1.121 → 0.1.123

package/package.json

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

package/src/components/button/outlinebutton/index.js

@@ -20,8 +20,8 @@ const OutlineButton = ({
     setIsPressed(false);
   };
 
-  const handleClick = () => {
-    onClick();
+  const handleClick = (e) => {
+    onClick(e);
   };
 
   return (

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

@@ -18,7 +18,9 @@ const DropzoneUploadPhoto = ({
   const onDropRejected = (rejectedFiles) => {
     const file = rejectedFiles[0];
     if (file.errors[0]?.code === "file-too-large") {
-      setErrorMessage("Your file is too large, Max file size is 5 MB");
+      setErrorMessage("Your file is too large. Max file size is 5 MB");
+    } else if (file.errors[0]?.code === "file-invalid-type") {
+      setErrorMessage("Invalid file format. Only PNG, JPEG, or JPG files are allowed.");
     }
   };
 
@@ -26,7 +28,8 @@ const DropzoneUploadPhoto = ({
     onDrop,
     maxFiles,
     accept: {
-      "image/*": [".jpeg", ".png", ".jpg"],
+      "image/jpeg": [".jpeg", ".jpg"],
+      "image/png": [".png"],
     },
     noKeyboard: true,
     maxSize: 5242881,
@@ -54,13 +57,15 @@ const DropzoneUploadPhoto = ({
           <input {...getInputProps()} required={required} />
           <div className="flex w-full h-full justify-center items-center text-center">
             {!selectedFile ? (
-              <>
-                <div className="flex justify-center">
-                  <PiPlus size={16} className="text-neutral300" />
-                </div>
-                <p className="text-sm text-neutral300 mt-2">Upload Photo</p>
-                {errorMessage && <p className="text-xs text-danger500">{errorMessage}</p>}
-              </>
+              <div className="flex flex-col justify-center items-center">
+                <PiPlus size={24} className="text-neutral300" />
+                <p className="text-sm text-neutral300">Upload Photo</p>
+                {errorMessage && (
+                  <p className="text-danger500 mt-1" style={{ fontSize: 10 }}>
+                    {errorMessage}
+                  </p>
+                )}
+              </div>
             ) : typeof selectedFile === "string" ? (
               <img src={selectedFile} alt="Selected" className="object-contain rounded-lg w-full h-full" />
             ) : (

package/src/templates/index.js

@@ -839,7 +839,8 @@ const Templates = () => {
   return (
     <div>
       <div>
-        <Header title="Navbar" />
+        <OutlineButton title="Test" />
+        {/* <Header title="Navbar" /> */}
       </div>
 
       <div>