feat: colorful view icon

RSSNext · May 2, 2024 · ed58868 · ed58868
1 parent ae2cde2
commit ed58868
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/renderer/src/components/feed-column/index.tsx b/src/renderer/src/components/feed-column/index.tsx
@@ -91,7 +91,7 @@ export function FeedColumn({
           {views.map((item, index) => (
             <div
               key={item.name}
-              className={cn(active === index && "text-zinc-800")}
+              className={cn(active === index && item.className)}
               onClick={(e) => {
                 setActive(index)
                 setActivedList?.({

diff --git a/src/renderer/src/pages/(main)/profile/index.tsx b/src/renderer/src/pages/(main)/profile/index.tsx
@@ -6,6 +6,7 @@ import {
   AvatarImage,
 } from "@renderer/components/ui/avatar"
 import { views } from "@renderer/lib/constants"
+import { cn } from "@renderer/lib/utils"
 
 export function Component() {
   const { data: session } = useSession()
@@ -25,9 +26,11 @@ export function Component() {
           <div className="overflow-y-auto">
             {views.map((view, index) => (
               <>
-                <div className="font-medium flex items-center gap-2 mb-1">
-                  {view.icon}
-                  {view.name}
+                <div className="font-semibold flex items-center gap-2 mb-1">
+                  <span className={cn("flex", view.className)}>
+                    {view.icon}
+                  </span>
+                  <span>{view.name}</span>
                 </div>
                 <FeedList
                   key={index}