feat: SearchSubNavbar에서 검색결과 없으면 스크롤 안함

wafflestudio · Mar 27, 2024 · e24176d · e24176d
1 parent f787636
commit e24176d
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/app/[locale]/search/helper/SearchSubNavbar.tsx b/app/[locale]/search/helper/SearchSubNavbar.tsx
@@ -33,12 +33,14 @@ export default function SearchSubNavbar({ node }: { node: TreeNode[] }) {
   );
 }
 
-function SubTab({ node }: { node: TreeNode }) {
+const SubTab = ({ node }: { node: TreeNode }) => {
   return (
     <>
       <Link
         href={`#nav_${node.name}`}
-        className={`text-sm ${node.bold ? 'font-bold text-main-orange' : 'text-neutral-700'}`}
+        className={`text-sm ${node.bold ? 'font-bold text-main-orange' : 'text-neutral-700'} ${
+          node.size === undefined || node.size === 0 ? 'pointer-events-none' : ''
+        }`}
         style={{ marginLeft: INDENTATION }}
       >
         {node.name}
@@ -47,7 +49,9 @@ function SubTab({ node }: { node: TreeNode }) {
       {node.children?.map((childNode, idx) => (
         <Link
           href={`#nav_${childNode.name}`}
-          className={`text-sm text-neutral-700`}
+          className={`text-sm text-neutral-700 ${
+            childNode.size === undefined || childNode.size === 0 ? 'pointer-events-none' : ''
+          }`}
           key={idx}
           style={{ marginLeft: INDENTATION * 2 }}
         >
@@ -57,4 +61,4 @@ function SubTab({ node }: { node: TreeNode }) {
       ))}
     </>
   );
-}
+};