From 77c41728e60f8cb387cba1aca1802196ce7b1b49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Mon, 1 Apr 2024 15:20:54 +0200
Subject: [PATCH] Fix: Cannot Pin/Unpin Instances
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 src/actions/remote-timeline.ts                            | 8 ++++----
 src/actions/settings.ts                                   | 4 ++--
 .../remote-timeline/components/pinned-hosts-picker.tsx    | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/actions/remote-timeline.ts b/src/actions/remote-timeline.ts
index cb21126b93..ac1277aec6 100644
--- a/src/actions/remote-timeline.ts
+++ b/src/actions/remote-timeline.ts
@@ -1,11 +1,11 @@
 import { getSettings, changeSetting } from 'soapbox/actions/settings';
 
-import type { OrderedSet as ImmutableOrderedSet } from 'immutable';
+import type { List as ImmutableList, OrderedSet as ImmutableOrderedSet } from 'immutable';
 import type { AppDispatch, RootState } from 'soapbox/store';
 
 const getPinnedHosts = (state: RootState) => {
   const settings = getSettings(state);
-  return settings.getIn(['remote_timeline', 'pinnedHosts']) as ImmutableOrderedSet<string>;
+  return settings.getIn(['remote_timeline', 'pinnedHosts']) as ImmutableList<string> | ImmutableOrderedSet<string>;
 };
 
 const pinHost = (host: string) =>
@@ -13,7 +13,7 @@ const pinHost = (host: string) =>
     const state = getState();
     const pinnedHosts = getPinnedHosts(state);
 
-    return dispatch(changeSetting(['remote_timeline', 'pinnedHosts'], pinnedHosts.add(host)));
+    return dispatch(changeSetting(['remote_timeline', 'pinnedHosts'], pinnedHosts.toOrderedSet().add(host)));
   };
 
 const unpinHost = (host: string) =>
@@ -21,7 +21,7 @@ const unpinHost = (host: string) =>
     const state = getState();
     const pinnedHosts = getPinnedHosts(state);
 
-    return dispatch(changeSetting(['remote_timeline', 'pinnedHosts'], pinnedHosts.remove(host)));
+    return dispatch(changeSetting(['remote_timeline', 'pinnedHosts'], pinnedHosts.toOrderedSet().remove(host)));
   };
 
 export {
diff --git a/src/actions/settings.ts b/src/actions/settings.ts
index ae6a3ec35c..ae26af50ae 100644
--- a/src/actions/settings.ts
+++ b/src/actions/settings.ts
@@ -1,4 +1,4 @@
-import { Map as ImmutableMap, List as ImmutableList, OrderedSet as ImmutableOrderedSet } from 'immutable';
+import { Map as ImmutableMap, List as ImmutableList } from 'immutable';
 import { defineMessage } from 'react-intl';
 import { createSelector } from 'reselect';
 import { v4 as uuid } from 'uuid';
@@ -169,7 +169,7 @@ const defaultSettings = ImmutableMap({
   ]),
 
   remote_timeline: ImmutableMap({
-    pinnedHosts: ImmutableOrderedSet(),
+    pinnedHosts: ImmutableList(),
   }),
 });
 
diff --git a/src/features/remote-timeline/components/pinned-hosts-picker.tsx b/src/features/remote-timeline/components/pinned-hosts-picker.tsx
index 2777aa6e3a..16cd454810 100644
--- a/src/features/remote-timeline/components/pinned-hosts-picker.tsx
+++ b/src/features/remote-timeline/components/pinned-hosts-picker.tsx
@@ -16,7 +16,7 @@ const PinnedHostsPicker: React.FC<IPinnedHostsPicker> = ({ host: activeHost }) =
 
   return (
     <HStack className='mb-4' space={2}>
-      {pinnedHosts.map((host: any) => (
+      {pinnedHosts.map((host) => (
         <Button
           key={host}
           to={`/timeline/${host}`}