UX improvements

bounswe · Dec 16, 2024 · a9db1b1 · a9db1b1
1 parent 81c6965
commit a9db1b1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/frontend/src/routes/profile.tsx b/frontend/src/routes/profile.tsx
@@ -177,7 +177,7 @@ export default function Profile() {
             )
           )}
         </div>
-        {profile.followedTags && (
+        {profile.followedTags && profile.followedTags.length > 0 ? (
           <div className="flex flex-col">
             <div className="flex flex-wrap gap-2">
               <span className="flex items-center gap-2">
@@ -189,13 +189,14 @@ export default function Profile() {
                     </Link>
                   ))
                   .slice(0, 3)}
-                {profile.followedTags?.length &&
-                  profile.followedTags?.length > 3 && (
-                    <span>+ {profile.followedTags?.length - 3} more</span>
-                  )}
+                {profile.followedTags?.length > 3 && (
+                  <span>+ {profile.followedTags?.length - 3} more</span>
+                )}
               </span>
             </div>
           </div>
+        ) : (
+          <div>No followed tags to show. Follow tags to personalize your feed.</div>
         )}
       </div>
       <div className="mt-4 flex flex-col gap-4 px-4 py-2">

diff --git a/frontend/src/routes/tag.tsx b/frontend/src/routes/tag.tsx
@@ -114,7 +114,7 @@ export default function TagPage() {
           src={tag?.logoImage || "https://placehold.co/400x300"}
           alt={`${tag.name} logo`}
           title={`alt:The logo image of ${tag.name}`}
-          className="h-48 w-full rounded-3xl object-contain lg:h-96"
+          className="h-20 w-full rounded-3xl object-contain lg:h-40"
         />
       )}
       <div className="mb-4 flex items-center justify-between px-1">