优化图文页

app/aweme/[awemeId]/components/NavigationButtons.tsx

@@ -1,4 +1,9 @@
-import { ChevronDown, ChevronUp, MessageSquareText, ThumbsUp } from "lucide-react";
+import {
+  ChevronDown,
+  ChevronUp,
+  MessageSquareText,
+  ThumbsUp,
+} from "lucide-react";
 import type { Neighbors } from "../types.ts";
 
 interface NavigationButtonsProps {
@@ -21,14 +26,13 @@ export function NavigationButtons({
   return (
     <>
       <div className="absolute right-4 top-8/14 flex flex-col items-center gap-8 z-10">
-        <button
-          className="grid place-items-center w-[54px] h-[54px] rounded-full -translate-y-1/2"
-        >
+        <button className="grid place-items-center w-[54px] h-[54px] rounded-full -translate-y-1/2">
           <div className="grid place-items-center gap-1 drop-shadow-lg">
             <ThumbsUp size={40} className="" />
 
-            <span className="text-[16px] font-semibold text-white/90 drop-shadow">{likesCount}</span>
-
+            <span className="text-[16px] font-semibold text-white/90 drop-shadow">
+              {likesCount}
+            </span>
           </div>
         </button>
         {/* 评论开关（右侧中部） */}
@@ -40,13 +44,17 @@ export function NavigationButtons({
           <div className="grid place-items-center gap-1 drop-shadow-lg">
             <MessageSquareText size={40} className="" />
 
-            {commentsCount > 0 ? <span className="text-[16px] font-semibold text-white/90 drop-shadow">{commentsCount}</span> :
-              <span className="text-[12px] font-semibold text-white/90 drop-shadow">暂无评论</span>
-            }
-
+            {commentsCount > 0 ? (
+              <span className="text-[16px] font-semibold text-white/90 drop-shadow">
+                {commentsCount}
+              </span>
+            ) : (
+              <span className="text-[12px] font-semibold text-white/90 drop-shadow">
+                暂无评论
+              </span>
+            )}
           </div>
         </button>
-
       </div>
 
       {/* 上下切换按钮（右侧胶囊形状） */}