feat: add list madeby

RSSNext · Dec 10, 2024 · 03858b1 · 03858b1
1 parent 4a4ecee
commit 03858b1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/apps/server/client/pages/(main)/share/lists/[id]/index.tsx b/apps/server/client/pages/(main)/share/lists/[id]/index.tsx
@@ -4,6 +4,7 @@ import { askOpenInFollowApp } from "@client/lib/helper"
 import type { Feed } from "@client/query/feed"
 import { useList } from "@client/query/list"
 import { FollowIcon } from "@follow/components/icons/follow.jsx"
+import { Avatar, AvatarFallback, AvatarImage } from "@follow/components/ui/avatar/index.jsx"
 import { Button } from "@follow/components/ui/button/index.jsx"
 import { FeedIcon } from "@follow/components/ui/feed-icon/index.jsx"
 import { LoadingCircle } from "@follow/components/ui/loading/index.jsx"
@@ -53,12 +54,22 @@ export function Component() {
               className="mask-squircle mask shrink-0"
               size={64}
             />
-            <div className="flex max-w-prose flex-col items-center">
+            <div className="mb-6 flex max-w-prose flex-col items-center">
               <div className="mb-2 mt-4 flex items-center text-2xl font-bold">
                 <h1>{list.data.list.title}</h1>
-                <FeedCertification feed={list.data.list} />
               </div>
-              <div className="mb-8 text-sm text-zinc-500">{list.data.list.description}</div>
+              <div className="mb-2 text-sm text-zinc-500">{list.data.list.description}</div>
+              <a
+                href={`/share/users/${list.data.list.owner?.id}`}
+                target="_blank"
+                className="flex items-center gap-1 text-sm text-zinc-500"
+              >
+                <span>{t("feed.madeby")}</span>
+                <Avatar className="inline-flex aspect-square size-5 rounded-full">
+                  <AvatarImage src={list.data.list.owner?.image || undefined} />
+                  <AvatarFallback>{list.data.list.owner?.name?.slice(0, 2)}</AvatarFallback>
+                </Avatar>
+              </a>
             </div>
             <div className="mb-4 text-sm">
               {t("feed.followsAndFeeds", {

diff --git a/locales/external/en.json b/locales/external/en.json
@@ -9,6 +9,7 @@
   "feed.follower_other": "followers",
   "feed.followsAndFeeds": "{{subscriptionCount}} {{subscriptionNoun}} and {{feedsCount}} {{feedsNoun}} on {{appName}}",
   "feed.followsAndReads": "{{subscriptionCount}} {{subscriptionNoun}} with {{readCount}} recent {{readNoun}} on {{appName}}",
+  "feed.madeby": "Made by",
   "feed.read_one": "read",
   "feed.read_other": "reads",
   "feed.view_feed_url": "View Feed URL",