sprint-asia-custom-component 0.1.133 → 0.1.134

package/dist/index.js

@@ -23905,14 +23905,11 @@
 
   const DescriptionFile = ({
     title = "Title",
-    link
+    link,
+    fileName
   }) => {
-    const getFileExtension = url => {
-      const match = url?.split(".").pop();
-      return match ? match.toLowerCase() : "file";
-    };
-    const fileExtension = getFileExtension(link);
-    const getFileIcon = ext => {
+    const getFileIcon = fileName => {
+      const ext = fileName.split(".").pop().toLowerCase();
       switch (ext) {
         case "pdf":
           return /*#__PURE__*/React__default["default"].createElement(PiFilePdf, {
@@ -23939,12 +23936,12 @@
       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, getFileIcon(fileExtension)), /*#__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 || "#",
       target: "_blank",
       rel: "noopener noreferrer"
-    }, link ? `${title}.${fileExtension}` : "Loading...")));
+    }, fileName || title)));
   };
 
   const DropdownCard = ({

package/package.json

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

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

@@ -3,15 +3,10 @@ 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 DescriptionFile = ({ title = "Title", link, fileName }) => {
+  const getFileIcon = (fileName) => {
+    const ext = fileName.split(".").pop().toLowerCase();
 
-  const getFileIcon = (ext) => {
     switch (ext) {
       case "pdf":
         return <PiFilePdf className="text-black" size={16} />;
@@ -28,14 +23,14 @@ const DescriptionFile = ({ title = "Title", link }) => {
     <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>
+        <div>{getFileIcon(fileName || title)}</div>
         <a
           className="text-md font-semibold text-base ml-1"
           href={link || "#"}
           target="_blank"
           rel="noopener noreferrer"
         >
-          {link ? `${title}.${fileExtension}` : "Loading..."}
+          {fileName || title}
         </a>
       </div>
     </div>

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} />