fix: redux can't serialize a Set<string> (#173)

Use a plain object with unique keys Go style
evan-buss · Jul 1, 2024 · fc95f6d · fc95f6d
1 parent e6bc149
commit fc95f6d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/server/app/src/components/tables/BookTable.tsx b/server/app/src/components/tables/BookTable.tsx
@@ -29,7 +29,7 @@ export default function BookTable({ books }: BookTableProps) {
           <DataTableColumnHeader column={props.column} title="Server" />
         ),
         cell: (props) => {
-          const online = servers && servers.has(props.getValue());
+          const online = servers && servers[props.getValue()];
           return (
             <Tooltip position="top-start" label={online ? "Online" : "Offline"}>
               <Indicator

diff --git a/server/app/src/components/tables/Facets.tsx b/server/app/src/components/tables/Facets.tsx
@@ -13,7 +13,7 @@ export function ServerFacetEntry({
   style
 }: FacetEntryProps) {
   const { data: servers } = useGetServersQuery();
-  const serverOnline = servers && servers.has(entry);
+  const serverOnline = servers && servers[entry];
 
   return (
     <Button

diff --git a/server/app/src/state/api.ts b/server/app/src/state/api.ts
@@ -20,10 +20,12 @@ export const api = createApi({
   }),
   tagTypes: ["books", "servers"],
   endpoints: (builder) => ({
-    getServers: builder.query<Set<string>, void>({
+    getServers: builder.query<Record<string, boolean>, void>({
       query: () => `servers`,
       transformResponse: (ircServers: IrcServer) => {
-        return new Set(ircServers.elevatedUsers ?? []);
+        return Object.fromEntries(
+          ircServers.elevatedUsers?.map((x) => [x, true]) ?? []
+        );
       }
     }),
     getBooks: builder.query<Book[], void>({