From 3b884c1fb6ea4c52e5594b58acc0e052be7a86e0 Mon Sep 17 00:00:00 2001
From: an-lee <an.lee.work@gmail.com>
Date: Tue, 23 Jul 2024 17:42:08 +0800
Subject: [PATCH] may update ytb channels via api

---
 enjoy/src/renderer/pages/home.tsx | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/enjoy/src/renderer/pages/home.tsx b/enjoy/src/renderer/pages/home.tsx
index ac6d04dc..b6c667ed 100644
--- a/enjoy/src/renderer/pages/home.tsx
+++ b/enjoy/src/renderer/pages/home.tsx
@@ -6,8 +6,26 @@ import {
   YoutubeVideosSegment,
   EnrollmentSegment,
 } from "@renderer/components";
+import { useContext, useEffect, useState } from "react";
+import { AppSettingsProviderContext } from "@renderer/context";
 
 export default () => {
+  const [channels, setChannels] = useState<string[]>([
+    "@TED",
+    "@CNN",
+    "@nytimes",
+  ]);
+
+  const { webApi } = useContext(AppSettingsProviderContext);
+
+  useEffect(() => {
+    webApi.config("ytb_channels").then((channels) => {
+      if (!channels) return;
+
+      setChannels(channels);
+    });
+  }, []);
+
   return (
     <div className="max-w-5xl mx-auto px-4 py-6 lg:px-8">
       <div className="space-y-4">
@@ -16,9 +34,9 @@ export default () => {
         <VideosSegment />
         <StoriesSegment />
         <AudibleBooksSegment />
-        <YoutubeVideosSegment channel="@TED" />
-        <YoutubeVideosSegment channel="@CNN" />
-        <YoutubeVideosSegment channel="@nytimes" />
+        {channels.map((channel) => (
+          <YoutubeVideosSegment key={channel} channel={channel} />
+        ))}
       </div>
     </div>
   );