lazy load channel list

2023-04-24 18:37:47 +07:00
parent 1486d1bc09
commit 8b80a08a59
3 changed files with 13 additions and 13 deletions
--- a/src/components/channels/channelListItem.tsx
+++ b/src/components/channels/channelListItem.tsx
@@ -6,7 +6,15 @@ import { usePageContext } from '@utils/hooks/usePageContext';
 import { twMerge } from 'tailwind-merge';

 export const ChannelListItem = ({ data }: { data: any }) => {
-  const channel: any = useChannelMetadata(data.event_id, data.metadata);
+  let fallback: any;
+
+  if (typeof data.metadata === 'object') {
+    fallback = data.metadata;
+  } else {
+    fallback = JSON.parse(data.metadata);
+  }
+
+  const channel: any = useChannelMetadata(data.event_id, fallback);
  const pageContext = usePageContext();

  const searchParams: any = pageContext.urlParsed.search;