Proper file names are now shown in posts and post edit page

3 files changed, 7 insertions, 1 deletions

diff --git a/src/DevHive.Angular/src/app/components/post-attachment/post-attachment.component.html b/src/DevHive.Angular/src/app/components/post-attachment/post-attachment.component.html
index e7889f0..a8ebce7 100644
--- a/src/DevHive.Angular/src/app/components/post-attachment/post-attachment.component.html
+++ b/src/DevHive.Angular/src/app/components/post-attachment/post-attachment.component.html
@@ -1,7 +1,7 @@
 <div class="attachment">
 	<div class="clickable" (click)="toggleShowFull()">
 		<div class="attachment-name">
-			Attachment
+			{{ fileName }}
 		</div>
 		<div class="attachment-type">
 			{{ fileType }}
diff --git a/src/DevHive.Angular/src/app/components/post-attachment/post-attachment.component.ts b/src/DevHive.Angular/src/app/components/post-attachment/post-attachment.component.ts
index d2aa636..6c468b0 100644
--- a/src/DevHive.Angular/src/app/components/post-attachment/post-attachment.component.ts
+++ b/src/DevHive.Angular/src/app/components/post-attachment/post-attachment.component.ts
@@ -8,6 +8,7 @@ import { Component, Input, OnInit } from '@angular/core';
 export class PostAttachmentComponent implements OnInit {
   @Input() paramURL: string;
   public showFull = false;
+  public fileName: string;
   public fileType: string;
 
   constructor()
@@ -15,6 +16,7 @@ export class PostAttachmentComponent implements OnInit {
 
   ngOnInit(): void {
     this.fileType = this.paramURL.includes('image') ? 'img' : 'raw';
+    this.fileName = this.paramURL.match('(?<=\/)(?:.(?!\/))+$')?.pop() ?? 'Attachment';
   }
 
   toggleShowFull(): void {
diff --git a/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts b/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts
index 21a5e50..39365d7 100644
--- a/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts
+++ b/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts
@@ -66,6 +66,10 @@ export class PostPageComponent implements OnInit {
       this._cloudinaryService.getFileRequest(fileURL).subscribe(
         (result: object) => {
           const file = result as File;
+          const tmp = {
+            name: fileURL.match('(?<=\/)(?:.(?!\/))+$')?.pop() ?? 'Attachment'
+          };
+          Object.assign(file, tmp);
           this.files.push(file);
         }
       );