diff --git a/CHANGELOG.md b/CHANGELOG.md
index cc6882598..0e93211b3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
## Unreleased
+### Added
+
+- Added a loading indicator to the access table to share the portfolio
+
### Changed
- Deprecated `firstOrderDate` in favor of `dateOfFirstActivity` in the `GET api/v2/portfolio/performance` endpoint
diff --git a/apps/client/src/app/components/access-table/access-table.component.html b/apps/client/src/app/components/access-table/access-table.component.html
index 9dd6c8374..9d87cbd79 100644
--- a/apps/client/src/app/components/access-table/access-table.component.html
+++ b/apps/client/src/app/components/access-table/access-table.component.html
@@ -105,3 +105,14 @@
+
+@if (isLoading()) {
+
+}
diff --git a/apps/client/src/app/components/access-table/access-table.component.ts b/apps/client/src/app/components/access-table/access-table.component.ts
index 122b4f88b..00c5c1a28 100644
--- a/apps/client/src/app/components/access-table/access-table.component.ts
+++ b/apps/client/src/app/components/access-table/access-table.component.ts
@@ -31,6 +31,7 @@ import {
removeCircleOutline
} from 'ionicons/icons';
import ms from 'ms';
+import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
@Component({
changeDetection: ChangeDetectionStrategy.OnPush,
@@ -40,6 +41,7 @@ import ms from 'ms';
MatButtonModule,
MatMenuModule,
MatTableModule,
+ NgxSkeletonLoaderModule,
RouterModule
],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -68,6 +70,10 @@ export class GfAccessTableComponent {
return columns;
});
+ protected readonly isLoading = computed(() => {
+ return !this.accesses();
+ });
+
private readonly clipboard = inject(Clipboard);
private readonly notificationService = inject(NotificationService);
private readonly snackBar = inject(MatSnackBar);