diff --git a/package-lock.json b/package-lock.json
index 4add621..80bde01 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "App-Aletheia-data",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 197a018..d6c4da9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "App-Aletheia-data",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "homepage": "/",
   "repository": {
     "type": "git",
diff --git a/public/index.html b/public/index.html
index 29e4562..3588d6d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,10 +4,24 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
+    <!-- Primary Meta Tags -->
+    <title>Aletheia Data | We make public information usable</title>
+    <meta name="title" content="Aletheia Data | We make public information usable">
+    <meta name="description" content="Aletheia is an Open Source project that seeks to encourage both public and private entities to facilitate access to public information, so that it can have a more relevant social impact.">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://aletheiadata.org/">
+    <meta property="og:title" content="Aletheia Data | We make public information usable">
+    <meta property="og:description" content="Aletheia is an Open Source project that seeks to encourage both public and private entities to facilitate access to public information, so that it can have a more relevant social impact.">
+    <meta property="og:image" content="https://bafybeicogujduqaplq5kjtynb5b4jj6ohtcfgyjsg6pdcmujfojf2ayukq.ipfs.dweb.link/meta-tags-img.png">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://aletheiadata.org/">
+    <meta property="twitter:title" content="Aletheia Data | We make public information usable">
+    <meta property="twitter:description" content="Aletheia is an Open Source project that seeks to encourage both public and private entities to facilitate access to public information, so that it can have a more relevant social impact.">
+    <meta property="twitter:image" content="https://bafybeicogujduqaplq5kjtynb5b4jj6ohtcfgyjsg6pdcmujfojf2ayukq.ipfs.dweb.link/meta-tags-img.png">
     <link
       href="//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
       rel="stylesheet"
diff --git a/src/_start/assets/sass/components/_banner.scss b/src/_start/assets/sass/components/_banner.scss
new file mode 100644
index 0000000..e343482
--- /dev/null
+++ b/src/_start/assets/sass/components/_banner.scss
@@ -0,0 +1,19 @@
+.banner{
+    text-align: center;
+    padding: 0 20px;
+    
+    h3 {
+        font-size: small;
+        color: $primary-light;
+        margin: 0;
+    }
+
+    a {
+        color: $primary-light;
+        text-decoration: underline;
+    }
+
+    a:hover {
+        text-decoration: none;
+     }
+}
\ No newline at end of file
diff --git a/src/_start/assets/sass/components/components.scss b/src/_start/assets/sass/components/components.scss
index 3f5a0a4..b90013d 100644
--- a/src/_start/assets/sass/components/components.scss
+++ b/src/_start/assets/sass/components/components.scss
@@ -1,6 +1,7 @@
 //
 // Components
 @import "./_clipboard";
+@import "_banner";
 //
 
 // Import Dependencies
diff --git a/src/_start/helpers/GetCollectionPageColumns.tsx b/src/_start/helpers/GetCollectionPageColumns.tsx
index 7e166fc..dd4b70e 100644
--- a/src/_start/helpers/GetCollectionPageColumns.tsx
+++ b/src/_start/helpers/GetCollectionPageColumns.tsx
@@ -23,7 +23,11 @@ export const getCollectionPageColumns = (
             className={`text-gray-800 fw-bolder text-hover-primary fs-6 ${
               recordItem.cid ? "" : "disabled"
             }`}
-            to={recordItem.cid ? `/${type}/${entity}/${recordItem.cid}?assetId=${recordItem.id}` : "#"}
+            to={
+              recordItem.cid
+                ? `/${type}/${entity}/${recordItem.cid}?assetId=${recordItem.id}`
+                : "#"
+            }
           >
             {recordItem.name || recordItem.title}
           </Link>
@@ -87,18 +91,27 @@ export const getCollectionPageColumns = (
       },
       {
         title: "Action",
-        cells: data?.map((recordItem: Record) => (
-          <Link
-            key={`record-alexandria-${recordItem.cid}`}
-            className="btn btn-icon btn-bg-light  btn-color-muted btn-active-color-primary btn-sm"
-            to={`/${type}/${entity}/${recordItem.cid}?assetId=${recordItem.id}`}
-          >
-            <Ktsvg
-              className="svg-icon-4"
-              path="/media/icons/duotone/General/Attachment1.svg"
-            />
-          </Link>
-        )),
+        cells: data?.map((recordItem: Record) => {
+          console.log(recordItem);
+
+          if (
+            recordItem.status === "on_line" ||
+            recordItem.status === "under_review"
+          ) {
+            return (
+              <Link
+                key={`record-alexandria-${recordItem.cid}`}
+                className="btn btn-icon btn-bg-light  btn-color-muted btn-active-color-primary btn-sm"
+                to={`/${type}/${entity}/${recordItem.cid}?assetId=${recordItem.id}`}
+              >
+                <Ktsvg
+                  className="svg-icon-4"
+                  path="/media/icons/duotone/General/Attachment1.svg"
+                />
+              </Link>
+            );
+          }
+        }),
       },
     ];
   } else {
@@ -111,7 +124,11 @@ export const getCollectionPageColumns = (
             className={`text-gray-800 fw-bolder text-hover-primary fs-6 ${
               recordItem.cid ? "" : "disabled"
             }`}
-            to={recordItem.cid ? `/${type}/${entity}/${recordItem.cid}?assetId=${recordItem.id}` : "#"}
+            to={
+              recordItem.cid
+                ? `/${type}/${entity}/${recordItem.cid}?assetId=${recordItem.id}`
+                : "#"
+            }
           >
             {recordItem.name || recordItem.title}
           </Link>
diff --git a/src/_start/layout/components/header/HeaderBanner.tsx b/src/_start/layout/components/header/HeaderBanner.tsx
new file mode 100644
index 0000000..eadd76a
--- /dev/null
+++ b/src/_start/layout/components/header/HeaderBanner.tsx
@@ -0,0 +1,22 @@
+import React, { useState, FC } from "react";
+
+const HeaderBanner: FC = ({ children }) => {
+  const [showHeader, setShowHeader] = useState(true);
+
+  const handleBanner = () => {
+    setShowHeader(false);
+  };
+
+  return showHeader ? (
+    <div className="d-flex d-inline-flex w-100 bg-dark banner" role="alert">
+      <div className="d-flex w-100 align-items-center justify-content-center">
+        {children}
+      </div>
+      <button className="btn btn-icon align-self-end" onClick={handleBanner}>
+        <i className="fas fa-times text-light"></i>
+      </button>
+    </div>
+  ) : null;
+};
+
+export default HeaderBanner;
diff --git a/src/_start/layout/components/header/HeaderWrapper.tsx b/src/_start/layout/components/header/HeaderWrapper.tsx
index 7290aa3..1dae44d 100644
--- a/src/_start/layout/components/header/HeaderWrapper.tsx
+++ b/src/_start/layout/components/header/HeaderWrapper.tsx
@@ -2,6 +2,7 @@
 import React from "react";
 import { IThemeCSSClasses, useTheme } from "../../core";
 import { Header } from "./Header";
+import HeaderBanner from "./HeaderBanner";
 
 type Props = {
   classes: IThemeCSSClasses;
@@ -54,6 +55,19 @@ export function HeaderWrapper() {
   const { header } = config;
   return (
     <>
+      <HeaderBanner>
+        <h3>
+          Please note that this is a beta version of our system. Don't forget to
+          support our effort on{" "}
+          <a
+            href="https://opencollective.com/aletheia-data"
+            target="_blank"
+            rel="noreferrer"
+          >
+            Open Collective
+          </a>
+        </h3>
+      </HeaderBanner>
       {header.fixed.desktop && header.fixed.tabletAndMobile && (
         <HeaderDesktopFixedTabletFixed classes={classes} />
       )}
diff --git a/src/_start/partials/components/Stats/index.tsx b/src/_start/partials/components/Stats/index.tsx
index 745486f..8c36f48 100644
--- a/src/_start/partials/components/Stats/index.tsx
+++ b/src/_start/partials/components/Stats/index.tsx
@@ -14,15 +14,20 @@ type Props = {
 };
 
 // TODO: move to global
-const colorPDF = '#F1416C';
-const colorCSV = '#FFC700';
-const colorXLS = '#20D489';
-const colorODS = '#A2A7F7';
-const colorOTHER = '#00A3FF';
-
-const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) => {
+const colorPDF = "#F1416C";
+const colorCSV = "#FFC700";
+const colorXLS = "#20D489";
+const colorODS = "#A2A7F7";
+const colorOTHER = "#00A3FF";
+
+const Stats: React.FC<Props> = ({
+  id,
+  title,
+  className,
+  innerPadding = "",
+}) => {
   const [activeTab, setActiveTab] = useState(`#${id}_tab1`);
-  const [activeTabTotal, setActiveTabTotal] = useState('');
+  const [activeTabTotal, setActiveTabTotal] = useState("");
   const [activeChart, setActiveChart] = useState<ApexCharts | undefined>();
 
   const [items, setItems] = useState([{}]);
@@ -38,53 +43,52 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
         activeChart.destroy();
       }
     };
-
   }, [items]);
 
-  useEffect(()=>{
-
+  useEffect(() => {
     let entity;
     switch (id) {
-      case 'src':
-        entity = 'sources'
+      case "src":
+        entity = "sources";
         break;
-      case 'dep':
-        entity = 'departments'
+      case "dep":
+        entity = "departments";
         break;
-      case 'cat':
-        entity = 'categories'
+      case "cat":
+        entity = "categories";
         break;
       default:
-        return
+        return;
     }
 
-    fetch(`${process.env.REACT_APP_ALETHEIA_API}/v1/api/${entity}/getAll?limit=5`, {
-      method: 'get',
-      headers: {
-        'Access-Control-Request-Headers': '*'
+    fetch(
+      `${process.env.REACT_APP_ALETHEIA_API}/v1/api/${entity}/getAll?limit=5`,
+      {
+        method: "get",
+        headers: {
+          "Access-Control-Request-Headers": "*",
+        },
       }
-    })
-    .then(res => {
-      return res.json()
-    })
-    .then(newData => {
-      const body = JSON.parse(newData.body)
-      setItems(body);
-      setLoading(false);
-    })
-    .catch(err => {
-      console.log(err)
-      setLoading(false);
-    });
-
-  }, [])
+    )
+      .then((res) => {
+        return res.json();
+      })
+      .then((newData) => {
+        const body = JSON.parse(newData.body);
+        setItems(body);
+        setLoading(false);
+      })
+      .catch((err) => {
+        console.log(err);
+        setLoading(false);
+      });
+  }, []);
 
   const getFilesType = (item: string, id: string) => {
     return new Promise((resolve, reject) => {
-
       let query;
       switch (item) {
-        case 'cat':
+        case "cat":
           query = `
             query TypeGroupBy {
               alexandriasConnection(where: {
@@ -105,7 +109,7 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
             }
           `;
           break;
-        case 'dep':
+        case "dep":
           query = `
             query TypeGroupBy {
               alexandriasConnection(where: {
@@ -126,7 +130,7 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
             }
           `;
           break;
-        case 'src':
+        case "src":
           query = `
             query TypeGroupBy {
               alexandriasConnection(where: {
@@ -151,30 +155,28 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
       const endpoint = `${process.env.REACT_APP_API_ENDPOINT}/graphql`;
       // console.log('fetching data: ', endpoint)
       fetch(endpoint, {
-        method: 'post',
+        method: "post",
         headers: {
-          'Content-Type': 'application/json',
+          "Content-Type": "application/json",
         },
         body: JSON.stringify({
-          query: query
-        })
+          query: query,
+        }),
       })
-        .then(response => response.json())
-        .then(data => {
-          //console.log(data)
+        .then((response) => response.json())
+        .then((data) => {
+          console.log(data);
           resolve(data);
         })
-        .catch(err => {
-          console.log(err)
+        .catch((err) => {
+          console.log(err);
           reject(err);
         });
-
     });
-  }
-
-  const setTab = (items:any, tab_n: number) => {
+  };
 
-    setActiveTabTotal('')
+  const setTab = (items: any, tab_n: number) => {
+    setActiveTabTotal("");
 
     if (activeChart) {
       activeChart.destroy();
@@ -187,49 +189,52 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
     ) as HTMLElement;
 
     if (element) {
-      element.innerHTML = '';
+      element.innerHTML = "";
     }
 
     if (!element) return;
 
-    let item:any = items[tab_n - 1];
+    let item: any = items[tab_n - 1];
 
     getFilesType(id, item._id)
       .then((res: any) => {
         const types = res.data.alexandriasConnection.groupBy.type;
 
-        const pdf = types.filter((type: any) => type.key === 'pdf');
-        const csv = types.filter((type: any) => type.key === 'csv');
-        const xls = types.filter((type: any) => type.key === 'xls' || type.key === "xlsx");
-        const other = types.filter((type: any) => type.key === 'other');
+        const pdf = types.filter((type: any) => type.key === "pdf");
+        const csv = types.filter((type: any) => type.key === "csv");
+        const xls = types.filter(
+          (type: any) => type.key === "xls" || type.key === "xlsx"
+        );
+        const other = types.filter((type: any) => type.key === "other");
 
         const pdfFile = pdf.length > 0 ? pdf[0].connection.aggregate.count : 0;
         const csvFile = csv.length > 0 ? csv[0].connection.aggregate.count : 0;
         const xlsFile = xls.length > 0 ? xls[0].connection.aggregate.count : 0;
-        const otherFile = other.length > 0 ? other[0].connection.aggregate.count : 0;
+        const otherFile =
+          other.length > 0 ? other[0].connection.aggregate.count : 0;
 
-        setActiveTabTotal(
-          pdfFile + csvFile + xlsFile + otherFile
-        )
+        setActiveTabTotal(pdfFile + csvFile + xlsFile + otherFile);
 
         const dataCharts = {
           pdfFile,
           csvFile,
           xlsFile,
-          otherFile
+          otherFile,
         };
 
         const height = parseInt(getCss(element, "height"));
         if (height) {
-          const chart = new ApexCharts(element, getChartOptions(tab_n, height, dataCharts));
+          const chart = new ApexCharts(
+            element,
+            getChartOptions(tab_n, height, dataCharts)
+          );
           chart.render();
           setActiveChart(chart);
         }
       })
-      .catch(err => {
+      .catch((err) => {
         console.log(err);
-      })
-
+      });
   };
 
   if (loading) {
@@ -239,7 +244,10 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
         <div className="card-header align-items-center border-0 mt-5">
           <h3 className="card-title align-items-start flex-column">
             <span className="fw-bolder text-dark fs-3">{title}</span>
-            <span className="indicator-progress text-muted mt-2 fw-bold fs-6" style={{ display: "block" }}>
+            <span
+              className="indicator-progress text-muted mt-2 fw-bold fs-6"
+              style={{ display: "block" }}
+            >
               Please wait...{" "}
               <span className="spinner-border spinner-border-sm align-middle ms-2" />
             </span>
@@ -266,14 +274,14 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
         {/* begin::Body */}
         <div className="card-body pt-0">
           <div className="d-flex flex-wrap flex-xxl-nowrap justify-content-center pt-4">
-          <span className="indicator-progress" style={{ display: "block" }}>
+            <span className="indicator-progress" style={{ display: "block" }}>
               <span className="spinner-border spinner-border-sm align-middle ms-2" />
             </span>
           </div>
         </div>
         {/* end: Card Body */}
       </div>
-    )
+    );
   }
 
   return (
@@ -286,10 +294,7 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
         </h3>
         <div className="card-toolbar">
           {/* begin::Dropdown */}
-          <Link
-            className="menu-link px-3"
-            to={`/group/${id}`}
-          >
+          <Link className="menu-link px-3" to={`/group/${id}`}>
             <span className="menu-icon">
               <Ktsvg
                 className="svg-icon-1"
@@ -325,18 +330,21 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
           {/* begin::Nav */}
           <div className="me-sm-10 me-0">
             <ul className="nav flex-column nav-pills nav-pills-custom">
-              {
-                items.length > 0 && items.map((item: any, i: number) => {
+              {items.length > 0 &&
+                items.map((item: any, i: number) => {
                   // increase index by 1
                   // let img = '/media/svg/logo/gray/aven.svg';
                   i++;
-                  
+
                   return (
                     <li className="nav-item mb-3" key={`tabs_${item._id}`}>
                       <a
                         onClick={() => setTab(items, i)}
-                        className={`nav-link w-225px h-70px ${activeTab === `#${id}_tab${i}` ? "active btn-active-light" : ""
-                          } fw-bolder me-2`}
+                        className={`nav-link w-225px h-70px ${
+                          activeTab === `#${id}_tab${i}`
+                            ? "active btn-active-light"
+                            : ""
+                        } fw-bolder me-2`}
                         id={`${id}_tab${i}`}
                       >
                         {/**
@@ -364,30 +372,30 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
                         </div>
                       </a>
                     </li>
-                  )
-                })
-              }
+                  );
+                })}
             </ul>
           </div>
           {/* end::Nav */}
 
           {/* begin::Tab Content */}
-          <div className="tab-content flex-grow-1" // style={{ paddingLeft: "0.23rem !important" }}
+          <div
+            className="tab-content flex-grow-1" // style={{ paddingLeft: "0.23rem !important" }}
           >
             {/* begin::Tab Pane */}
-            {
-              items.length > 0 && items.map((item: any, i: number) => {
+            {items.length > 0 &&
+              items.map((item: any, i: number) => {
                 // console.log(item);
                 let type = id;
                 let entity;
                 switch (type) {
-                  case 'src':
+                  case "src":
                     entity = item.name;
                     break;
-                  case 'dep':
+                  case "dep":
                     entity = item.name;
                     break;
-                  case 'cat':
+                  case "cat":
                     entity = item.title;
                     break;
                   default:
@@ -396,18 +404,21 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
                 // increase index by 1
                 i++;
                 const getChart = (index: number) => {
-                  
                   return (
-                    <div id={`${id}_tab${index}_chart`} style={{ height: "250px" }} />
-                  )
-                }
+                    <div
+                      id={`${id}_tab${index}_chart`}
+                      style={{ height: "250px" }}
+                    />
+                  );
+                };
+                console.log(activeTabTotal);
+
                 return (
                   <div
-                    className={`tab-pane fade ${activeTab === `#${id}_tab${i}` ? "show active" : ""
-                      }`}
-                    style={{
-
-                    }}
+                    className={`tab-pane fade ${
+                      activeTab === `#${id}_tab${i}` ? "show active" : ""
+                    }`}
+                    style={{}}
                     id={`${id}_tab${i}_content`}
                     key={`content_${item._id}`}
                   >
@@ -415,25 +426,26 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
                     <div className="d-flex justify-content-end mb-10">
                       {/* begin::Item */}
                       <div className="px-10 text-end">
-                        <span className="text-muted fw-bold fs-7">Archivos</span>
+                        <span className="text-muted fw-bold fs-7">
+                          Archivos
+                        </span>
                         <span className="text-gray-800 fw-bolder fs-3 d-block">
-                          {
-                            !activeTabTotal &&
-                            <span className="indicator-progress" style={{ display: "block" }}>
+                          {activeTabTotal === "" && (
+                            <span
+                              className="indicator-progress"
+                              style={{ display: "block" }}
+                            >
                               <span className="spinner-border spinner-border-sm align-middle ms-2" />
                             </span>
-                          }
+                          )}
                           {activeTabTotal}
                         </span>
                       </div>
                       {/* end::Item */}
-
                     </div>
                     {/* end::Content  */}
 
-                    {
-                      getChart(i)
-                    }
+                    {getChart(i)}
 
                     <Link
                       className="nav-link btn btn-active-light btn-color-muted py-2 px-4 fw-bolder me-2 active"
@@ -442,11 +454,9 @@ const Stats: React.FC<Props> = ({ id, title, className, innerPadding = "" }) =>
                       {`Ver ${entity}`}
                     </Link>
                   </div>
-                )
-              })
-            }
+                );
+              })}
             {/* end::Tab Pane */}
-
           </div>
           {/* end::Tab Content */}
         </div>
@@ -463,7 +473,6 @@ function getChartOptions(
   height: string | number | undefined,
   data: any
 ): ApexOptions {
-
   let series = [
     {
       name: "PDF",
@@ -480,8 +489,8 @@ function getChartOptions(
     {
       name: "Others",
       data: [data.otherFile],
-    }
-  ]
+    },
+  ];
 
   return {
     series: series,
@@ -564,20 +573,15 @@ function getChartOptions(
         fontSize: "12px",
       },
       x: {
-        show: false
+        show: false,
       },
       y: {
         formatter: function (val: number) {
           return `${val} archivos`;
         },
-      }
+      },
     },
-    colors: [
-      colorPDF,
-      colorCSV,
-      colorXLS,
-      colorOTHER
-    ],
+    colors: [colorPDF, colorCSV, colorXLS, colorOTHER],
     grid: {
       borderColor: getCSSVariableValue("--bs-gray-200"),
       strokeDashArray: 4,
diff --git a/src/_start/partials/widgets/engage/EngageWidget6.tsx b/src/_start/partials/widgets/engage/EngageWidget6.tsx
index b59b195..f3dacbb 100644
--- a/src/_start/partials/widgets/engage/EngageWidget6.tsx
+++ b/src/_start/partials/widgets/engage/EngageWidget6.tsx
@@ -126,30 +126,36 @@ const EngageWidget6: React.FC<Props> = ({
               {/*begin::Info*/}
               <table className="table table-borderless align-middle fw-bold">
                 <tbody>
-                  <tr>
-                    <td className="text-gray-600 ps-0">Fuente</td>
-                    <td className="text-dark pe-0">
-                      <Link to={`/collection/src/${data.source.id}`}>
-                        {data.source?.name}
-                      </Link>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td className="text-gray-600 ps-0">Ministerio</td>
-                    <td className="text-dark pe-0">
-                      <Link to={`/collection/dep/${data.department.id}`}>
-                        {data.department?.name}
-                      </Link>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td className="text-gray-600 ps-0">Categoria</td>
-                    <td className="text-dark pe-0">
-                      <Link to={`/collection/cat/${data.category.id}`}>
-                        {data.category?.title}
-                      </Link>
-                    </td>
-                  </tr>
+                  {data?.source?.id && (
+                    <tr>
+                      <td className="text-gray-600 ps-0">Fuente</td>
+                      <td className="text-dark pe-0">
+                        <Link to={`/collection/src/${data.source.id}`}>
+                          {data.source?.name}
+                        </Link>
+                      </td>
+                    </tr>
+                  )}
+                  {data?.department?.id && (
+                    <tr>
+                      <td className="text-gray-600 ps-0">Ministerio</td>
+                      <td className="text-dark pe-0">
+                        <Link to={`/collection/dep/${data.department.id}`}>
+                          {data.department?.name}
+                        </Link>
+                      </td>
+                    </tr>
+                  )}
+                  {data?.category?.id && (
+                    <tr>
+                      <td className="text-gray-600 ps-0">Categoria</td>
+                      <td className="text-dark pe-0">
+                        <Link to={`/collection/cat/${data.category.id}`}>
+                          {data.category?.title}
+                        </Link>
+                      </td>
+                    </tr>
+                  )}
                   {proof && (
                     <tr>
                       <td className="text-gray-600 ps-0">Prueba</td>
@@ -164,16 +170,20 @@ const EngageWidget6: React.FC<Props> = ({
                       </td>
                     </tr>
                   )}
-                  <tr>
-                    <td className="text-gray-600 ps-0">Formato</td>
-                    <td className="text-dark pe-0">{data.type}</td>
-                  </tr>
-                  <tr>
-                    <td className="text-gray-600 ps-0">Ultimo Archivo</td>
-                    <td className="text-dark pe-0">
-                      {moment(data.updatedAt).format("DD/MM/YYYY")}
-                    </td>
-                  </tr>
+                  {data.type && (
+                    <tr>
+                      <td className="text-gray-600 ps-0">Formato</td>
+                      <td className="text-dark pe-0">{data.type}</td>
+                    </tr>
+                  )}
+                  {data.updatedAt && (
+                    <tr>
+                      <td className="text-gray-600 ps-0">Ultimo Archivo</td>
+                      <td className="text-dark pe-0">
+                        {moment(data.updatedAt).format("DD/MM/YYYY")}
+                      </td>
+                    </tr>
+                  )}
                   <tr>
                     <td className="text-gray-600 ps-0">Deals</td>
                     <td className="text-dark pe-0">