diff --git a/projects/mastolists/src/app/sync/sync/sync.component.html b/projects/mastolists/src/app/sync/sync/sync.component.html
index faf9042..f4376d0 100644
--- a/projects/mastolists/src/app/sync/sync/sync.component.html
+++ b/projects/mastolists/src/app/sync/sync/sync.component.html
@@ -37,6 +37,17 @@
+
+
+
+
Now you can:
diff --git a/projects/mastolists/src/app/sync/sync/sync.component.ts b/projects/mastolists/src/app/sync/sync/sync.component.ts
index 7e78884..87ec1a3 100644
--- a/projects/mastolists/src/app/sync/sync/sync.component.ts
+++ b/projects/mastolists/src/app/sync/sync/sync.component.ts
@@ -4,6 +4,7 @@ import {MastodonApiActions} from "../../shared/state/store/actions";
import {selectFollowings, selectLists, selectListsWithAccounts, selectLoading} from "../../shared/state/store/selectors";
import {Observable, tap} from "rxjs";
import {Account, List} from 'projects/mastodon-api/src/public-api';
+import {PersistentStore} from "../../shared/state/persistent/persistent-store.service";
@Component({
selector: 'app-sync',
@@ -14,8 +15,10 @@ export class SyncComponent {
loading$: Observable;
followings$: Observable>;
lists$: Observable>;
+ instanceName: string;
- constructor(private store: Store) {
+ constructor(private store: Store, private persistentStore: PersistentStore) {
+ this.instanceName = persistentStore.value.currentInstance.instanceName;
this.followings$ = this.store.pipe(select(selectFollowings))
this.lists$ = this.store.pipe(select(selectListsWithAccounts));
this.loading$ = this.store.pipe(select(selectLoading));