From 7b1bd4a170ef2c7867285584032e7d9d5aca67fd Mon Sep 17 00:00:00 2001
From: Rajnikant Lodhi <rajnikant.lodhi@solarwinds.com>
Date: Mon, 8 Aug 2022 09:58:15 +0530
Subject: [PATCH] resolve Uploaded images with long names get truncated in
 image manager issue

---
 .../export-portable-project.component.ts                   | 4 +++-
 .../components/image-manager/image-manager.component.html  | 2 +-
 .../components/image-manager/image-manager.component.scss  | 7 +++++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/app/components/export-portable-project/export-portable-project.component.ts b/src/app/components/export-portable-project/export-portable-project.component.ts
index 3f348646..8fb3f418 100644
--- a/src/app/components/export-portable-project/export-portable-project.component.ts
+++ b/src/app/components/export-portable-project/export-portable-project.component.ts
@@ -32,7 +32,9 @@ export class ExportPortableProjectComponent implements OnInit {
   async ngOnInit() {
     this.controller = this.data.controllerDetails;
     this.project = this.data.projectDetails;
-    this.fileName = this.project.name + '.gns3project';
+    if( this.project){
+      this.fileName = this.project.name + '.gns3project';
+    }
     await this.formControls();
     this.compression_methods = this.projectService.getCompression();
     this.compression_level = this.projectService.getCompressionLevel();
diff --git a/src/app/components/image-manager/image-manager.component.html b/src/app/components/image-manager/image-manager.component.html
index 1dfc888c..daad9e15 100644
--- a/src/app/components/image-manager/image-manager.component.html
+++ b/src/app/components/image-manager/image-manager.component.html
@@ -36,7 +36,7 @@
         <ng-container matColumnDef="filename">
           <mat-header-cell *matHeaderCellDef> File Name </mat-header-cell>
           <mat-cell *matCellDef="let row">
-            <a class="table-link">{{ row.filename }}</a>
+            <mat-list-item role="listitem">{{ row.filename }}</mat-list-item>
           </mat-cell>
         </ng-container>
 
diff --git a/src/app/components/image-manager/image-manager.component.scss b/src/app/components/image-manager/image-manager.component.scss
index 047a0ad8..6eb9f60f 100644
--- a/src/app/components/image-manager/image-manager.component.scss
+++ b/src/app/components/image-manager/image-manager.component.scss
@@ -13,5 +13,12 @@
 mat-header-cell, mat-cell {
   justify-content: center;
 }
+mat-cell, mat-header-cell, mat-footer-cell {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  overflow: initial;
+  min-height: inherit;
+}
 
   
\ No newline at end of file