feat: discover page

src/renderer/src/components/follow/button.tsx → src/renderer/src/components/discover/button.tsx

@@ -5,7 +5,7 @@ import { useState } from "react"
 
 import { FollowDialog } from "./dialog"
 
-export function FollowButton({ feed }: { feed: FeedResponse }) {
+export function DiscoverButton({ feed }: { feed: FeedResponse }) {
   const [open, setOpen] = useState(false)
   const [isSuccessful, setIsSuccessful] = useState(false)
 

src/renderer/src/components/follow/form.tsx → src/renderer/src/components/discover/form.tsx

@@ -24,7 +24,7 @@ import { useForm } from "react-hook-form"
 import { z } from "zod"
 
 import { FollowSummary } from "../feed-summary"
-import { FollowButton } from "./button"
+import { DiscoverButton } from "./button"
 
 const formSchema = z.object({
   keyword: z.string().min(1),
@@ -53,7 +53,7 @@ const info: Record<
   },
 }
 
-export function FollowForm({ type }: { type: string }) {
+export function DiscoverForm({ type }: { type: string }) {
   const { prefix } = info[type]
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),
@@ -186,7 +186,7 @@ export function FollowForm({ type }: { type: string }) {
                                 </Button>
                               ) :
                               (
-                                <FollowButton feed={item.feed} />
+                                <DiscoverButton feed={item.feed} />
                               )}
                           <div className="ml-6 text-zinc-500">
                             <span className="font-medium text-zinc-800">

src/renderer/src/components/follow/import.tsx → src/renderer/src/components/discover/import.tsx

@@ -50,7 +50,7 @@ const list = [
   },
 ]
 
-export function FollowImport() {
+export function DiscoverImport() {
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),
   })

src/renderer/src/components/feed-column/index.tsx

@@ -90,7 +90,7 @@ export function FeedColumn() {
             </Link>
           </Button>
           <Button variant="ghost" size="sm">
-            <Link to="/follow" className="flex">
+            <Link to="/discover" className="flex">
               <i className="i-mingcute-add-line size-5 text-zinc-500" />
             </Link>
           </Button>

src/renderer/src/components/feed-column/item.tsx

@@ -1,5 +1,5 @@
+import { FollowDialog } from "@renderer/components/discover/dialog"
 import { FeedIcon } from "@renderer/components/feed-icon"
-import { FollowDialog } from "@renderer/components/follow/dialog"
 import { Dialog } from "@renderer/components/ui/dialog"
 import { ToastAction } from "@renderer/components/ui/toast"
 import {

src/renderer/src/main.tsx

@@ -26,12 +26,12 @@ const router = createBrowserRouter([
                 lazy: () => import("./pages/(main)/(context)/index"),
               },
               {
-                path: "/follow",
-                lazy: () => import("./pages/(main)/(context)/follow/layout"),
+                path: "/discover",
+                lazy: () => import("./pages/(main)/(context)/discover/layout"),
                 children: [
                   {
                     path: "",
-                    lazy: () => import("./pages/(main)/(context)/follow/index"),
+                    lazy: () => import("./pages/(main)/(context)/discover/index"),
                   },
                 ],
               },

src/renderer/src/pages/(external)/feed/index.tsx

@@ -66,7 +66,7 @@ export function Component() {
           <div className="mb-4 text-sm">
             <strong>{feed.data.subscriptionCount}</strong>
             {" "}
-            subscriptions with
+            follows with
             {" "}
             <strong>{feed.data.readCount}</strong>
             {" "}
@@ -75,7 +75,7 @@ export function Component() {
             on Follow
           </div>
           <a className="mb-8" href={`follow://subscribe?id=${id}`}>
-            <Button>Subscribe on Follow</Button>
+            <Button>Follow on Follow</Button>
           </a>
           <div className={cn(
             "w-full",

src/renderer/src/pages/(main)/(context)/follow/index.tsx → src/renderer/src/pages/(main)/(context)/discover/index.tsx

@@ -1,6 +1,6 @@
-import { FollowForm } from "@renderer/components/follow/form"
-import { FollowImport } from "@renderer/components/follow/import"
-import { Recommendations } from "@renderer/components/follow/recommendations"
+import { DiscoverForm } from "@renderer/components/discover/form"
+import { DiscoverImport } from "@renderer/components/discover/import"
+import { Recommendations } from "@renderer/components/discover/recommendations"
 import {
   Tabs,
   TabsContent,
@@ -62,10 +62,10 @@ export function Component() {
           <TabsContent key={tab.name} value={tab.name} className="mt-8 h-96">
             {tab.value === "import" ?
                 (
-                  <FollowImport />
+                  <DiscoverImport />
                 ) :
                 (
-                  <FollowForm type={tab.value} />
+                  <DiscoverForm type={tab.value} />
                 )}
             <Recommendations type={tab.value} />
           </TabsContent>