From fb57344b1b62120200d944f51ab62c6f3878f4f3 Mon Sep 17 00:00:00 2001
From: Markus Huggler <markus.huggler@novaloop.ch>
Date: Wed, 28 Dec 2022 08:27:32 +0100
Subject: [PATCH] feat: adds links to import / export settings page

---
 .../mastolists/src/app/sync/sync/sync.component.html  | 11 +++++++++++
 .../mastolists/src/app/sync/sync/sync.component.ts    |  5 ++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

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 @@
                     </button>
                 </div>
 
+                <div class="divider"></div>
+
+                <div style="display:flex; flex-direction: column;">
+                    <a [href]="'https://' + instanceName + '/settings/export'" rel="noreferrer" target="_blank">
+                        Export lists using your account settings page
+                    </a>
+                    <a [href]="'https://' + instanceName + '/settings/import'" rel="noreferrer" target="_blank">
+                        Import lists using your account settings page
+                    </a>
+                </div>
+
                 <div *ngIf="(lists$ | async) && (followings$ | async)">
                     <p>Now you can:</p>
                     <ul>
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<boolean>;
     followings$: Observable<ReadonlyArray<Account>>;
     lists$: Observable<ReadonlyArray<List>>;
+    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));