sprint-asia-custom-component 0.1.132 → 0.1.133

package/dist/index.js

@@ -23900,24 +23900,51 @@
     })));
   };
 
+  // THIS FILE IS AUTO GENERATED
+  function FaFileAlt(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 384 512"},"child":[{"tag":"path","attr":{"d":"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm64 236c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-72v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm96-114.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"}}]})(props);}function FaFileImage(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 384 512"},"child":[{"tag":"path","attr":{"d":"M384 121.941V128H256V0h6.059a24 24 0 0 1 16.97 7.029l97.941 97.941a24.002 24.002 0 0 1 7.03 16.971zM248 160c-13.2 0-24-10.8-24-24V0H24C10.745 0 0 10.745 0 24v464c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V160H248zm-135.455 16c26.51 0 48 21.49 48 48s-21.49 48-48 48-48-21.49-48-48 21.491-48 48-48zm208 240h-256l.485-48.485L104.545 328c4.686-4.686 11.799-4.201 16.485.485L160.545 368 264.06 264.485c4.686-4.686 12.284-4.686 16.971 0L320.545 304v112z"}}]})(props);}
+
   const DescriptionFile = ({
     title = "Title",
     link
   }) => {
+    const getFileExtension = url => {
+      const match = url?.split(".").pop();
+      return match ? match.toLowerCase() : "file";
+    };
+    const fileExtension = getFileExtension(link);
+    const getFileIcon = ext => {
+      switch (ext) {
+        case "pdf":
+          return /*#__PURE__*/React__default["default"].createElement(PiFilePdf, {
+            className: "text-black",
+            size: 16
+          });
+        case "png":
+        case "jpg":
+        case "jpeg":
+          return /*#__PURE__*/React__default["default"].createElement(FaFileImage, {
+            className: "text-black",
+            size: 16
+          });
+        default:
+          return /*#__PURE__*/React__default["default"].createElement(FaFileAlt, {
+            className: "text-black",
+            size: 16
+          });
+      }
+    };
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "w-full"
     }, title && /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-sm font-normal text-black mb-1 py-2"
     }, title), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center cursor-pointer"
-    }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(PiFilePdf, {
-      className: "text-black",
-      size: 16
-    })), /*#__PURE__*/React__default["default"].createElement("a", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", null, getFileIcon(fileExtension)), /*#__PURE__*/React__default["default"].createElement("a", {
       className: "text-md font-semibold text-base ml-1",
-      href: link ? link : null,
-      target: "_blank"
-    }, link ? title + ".pdf" : "Loading...")));
+      href: link || "#",
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, link ? `${title}.${fileExtension}` : "Loading...")));
   };
 
   const DropdownCard = ({

package/package.json

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

package/src/components/description/file/index.js

@@ -1,21 +1,45 @@
-import React from 'react';
-import { PiFilePdf } from 'react-icons/pi';
+import React from "react";
+import { PiFilePdf } from "react-icons/pi";
+import { FaFileImage } from "react-icons/fa";
+import { FaFileAlt } from "react-icons/fa";
+
+const DescriptionFile = ({ title = "Title", link }) => {
+  const getFileExtension = (url) => {
+    const match = url?.split(".").pop();
+    return match ? match.toLowerCase() : "file";
+  };
+
+  const fileExtension = getFileExtension(link);
+
+  const getFileIcon = (ext) => {
+    switch (ext) {
+      case "pdf":
+        return <PiFilePdf className="text-black" size={16} />;
+      case "png":
+      case "jpg":
+      case "jpeg":
+        return <FaFileImage className="text-black" size={16} />;
+      default:
+        return <FaFileAlt className="text-black" size={16} />;
+    }
+  };
 
-const DescriptionFile = ({
-    title = "Title",
-    link
-}) => {
   return (
-    <div className='w-full'>
-        {title && <p className="text-sm font-normal text-black mb-1 py-2">{title}</p>}
-        <div className='flex items-center cursor-pointer'>
-            <div>
-                <PiFilePdf className='text-black' size={16}/>
-            </div>
-            <a className='text-md font-semibold text-base ml-1' href={link ? link : null} target="_blank">{link ? title+".pdf" : "Loading..."}</a>
-        </div>
+    <div className="w-full">
+      {title && <p className="text-sm font-normal text-black mb-1 py-2">{title}</p>}
+      <div className="flex items-center cursor-pointer">
+        <div>{getFileIcon(fileExtension)}</div>
+        <a
+          className="text-md font-semibold text-base ml-1"
+          href={link || "#"}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {link ? `${title}.${fileExtension}` : "Loading..."}
+        </a>
+      </div>
     </div>
   );
 };
 
-export default DescriptionFile;
+export default DescriptionFile;