WIP

src/components/Sidebar/Channels/ChannelList.tsx

@@ -1,34 +1,12 @@
 import React from 'react';
 
-import { useObservableSuspense } from 'observable-hooks';
-
 import { Protobuf } from '@meshtastic/meshtasticjs';
 
-import { channelResource } from '../../../streams';
+import { useAppSelector } from '../../../hooks/redux';
 import { Channel } from './Channel';
 
 export const ChannelList = (): JSX.Element => {
-  const channelSource = useObservableSuspense(channelResource);
-
-  const [channels, setChannels] = React.useState<Protobuf.Channel[]>([]);
-
-  React.useEffect(() => {
-    if (
-      channels.findIndex(
-        (currentChannel) => currentChannel.index === channelSource.index,
-      ) >= 0
-    ) {
-      setChannels(
-        channels.map((currentChannel) =>
-          currentChannel.index === channelSource.index
-            ? channelSource
-            : currentChannel,
-        ),
-      );
-    } else {
-      setChannels((channels) => [...channels, channelSource]);
-    }
-  }, [channelSource, channels]);
+  const channels = useAppSelector((state) => state.meshtastic.channels);
 
   return (
     <>