Use name & title for documents & list in sidebar

src/components/core/LinkList.tsx

@@ -37,7 +37,7 @@ const LinkList = (props: ILinkList) => {
                                 to={item.url}
                                 target="_blank"
                                 className={twMerge(
-                                    "overflow-hidden text-ellipsis",
+                                    "overflow-hidden text-ellipsis whitespace-nowrap",
                                     oClass.item
                                 )}
                                 {...options}

src/components/core/SideBar.tsx

@@ -18,7 +18,9 @@ const SideBar = (props: ISideBar) => {
     const documentsData = documents.map((item) => {
         return {
             url: item?.directus_files_id?.imageFile.publicURL,
-            name: item?.directus_files_id?.filename_download,
+            name:
+                item?.directus_files_id?.title ||
+                item?.directus_files_id?.filename_download,
         }
     })
 

src/templates/news.tsx

@@ -170,12 +170,14 @@ export const query = graphql`
                 links {
                     id
                     links_id {
+                        name
                         url
                     }
                 }
                 documents {
                     directus_files_id {
                         id
+                        title
                         filename_download
                         imageFile {
                             publicURL