sprint-asia-custom-component 0.1.132 → 0.1.134

package/dist/index.js

@@ -23900,24 +23900,48 @@
     })));
   };
 
+  // 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
+    link,
+    fileName
   }) => {
+    const getFileIcon = fileName => {
+      const ext = fileName.split(".").pop().toLowerCase();
+      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(fileName || title)), /*#__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"
+    }, fileName || title)));
   };
 
   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.134",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

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

@@ -1,21 +1,40 @@
-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, fileName }) => {
+  const getFileIcon = (fileName) => {
+    const ext = fileName.split(".").pop().toLowerCase();
+
+    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(fileName || title)}</div>
+        <a
+          className="text-md font-semibold text-base ml-1"
+          href={link || "#"}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {fileName || title}
+        </a>
+      </div>
     </div>
   );
 };
 
-export default DescriptionFile;
+export default DescriptionFile;

package/src/templates/index.js

@@ -60,6 +60,7 @@ import CellModelFive from "../components/table/listTable/cellmodefive";
 import CellModelSix from "../components/table/listTable/cellmodesix";
 import CellModelSeven from "../components/table/listTable/cellmodelseven";
 import CustomPhone from "../components/customphone";
+import DescriptionFile from "../components/description/file";
 
 const Templates = () => {
   const [startDate, setStartDate] = useState(null);
@@ -838,6 +839,14 @@ const Templates = () => {
 
   return (
     <div>
+      <DescriptionFile
+        title="Project Brief"
+        link={
+          "http://192.168.4.224:8080/api/division/files/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjbGllbnRJZCI6IjlhOGM4ZTU1LWM3YzctNDEwZS1iNzYwLTVlZWI4NmI4YzVkMyIsImNsaWVudE5hbWUiOiJNYXN0ZXIgQ2xpZW50IiwiZGl2aXNpb25JZCI6IjljMmM2Y2NiLWZlZGUtNDJmZi1hMzc1LTE0ZWNjOTY5OWExMSIsImRpdmlzaW9uTmFtZSI6Ik1hc3RlciBEaXZpc2lvbiIsImV4cCI6MTczNjI2MzI2NSwicm9sZUlkIjoiMTk5ZWMxODItZjBjMy0xMWVlLTkzMzYtZGMxYmExNGE1YmY5IiwidXNlcklkIjoiNjlkNTUwNTUtYmY5NS00YjBkLWJkZWMtYjY1YTI0MWFiNjRmIiwidXNlck5hbWUiOiJoYW5keSBudWdyYWhhIn0.bfqIMzp-htu0-CWDRakgOem-c9Hn_2u6MfqgEMCPq54/61820a4c-f102-4dc1-a8bc-6c2956a333a5.pdf"
+        }
+        fileName="61820a4c-f102-4dc1-a8bc-6c2956a333a5.pdf"
+      />
+
       <div>
         {/* <OutlineButton title="Test" /> */}
         <Header title="Navbar" roleName="System Administrators" dataBalance={10000} />