diff --git a/frontend/src/app/routes/images/images.component.html b/frontend/src/app/routes/images/images.component.html
index 454445a..16ec5a8 100644
--- a/frontend/src/app/routes/images/images.component.html
+++ b/frontend/src/app/routes/images/images.component.html
@@ -9,7 +9,7 @@
- Image by you
+ {{image.file_name | truncate}}
Uploaded {{ image.created | amTimeAgo }}
diff --git a/frontend/src/app/routes/images/images.component.ts b/frontend/src/app/routes/images/images.component.ts
index 43abe05..93b0cd1 100644
--- a/frontend/src/app/routes/images/images.component.ts
+++ b/frontend/src/app/routes/images/images.component.ts
@@ -18,7 +18,7 @@ import { UtilService } from 'src/app/util/util-module/util.service';
styleUrls: ['./images.component.scss'],
})
export class ImagesComponent implements OnInit {
- private readonly logger: Logger = new Logger('ImagesComponent');
+ private readonly logger: Logger = new Logger(ImagesComponent.name);
images: EImage[] | null = null;
columns = 1;
diff --git a/frontend/src/app/routes/images/images.module.ts b/frontend/src/app/routes/images/images.module.ts
index e59a435..8079407 100644
--- a/frontend/src/app/routes/images/images.module.ts
+++ b/frontend/src/app/routes/images/images.module.ts
@@ -7,6 +7,7 @@ import { MomentModule } from 'ngx-moment';
import { MasonryModule } from 'src/app/components/masonry/masonry.module';
import { PaginatorModule } from 'src/app/components/paginator/paginator.module';
import { PicsurImgModule } from 'src/app/components/picsur-img/picsur-img.module';
+import { PipesModule } from 'src/app/pipes/pipes.module';
import { ImagesComponent } from './images.component';
import { ImagesRoutingModule } from './images.routing.module';
@@ -22,6 +23,7 @@ import { ImagesRoutingModule } from './images.routing.module';
PaginatorModule,
PicsurImgModule,
MomentModule,
+ PipesModule
],
})
export class ImagesRouteModule {}