From 25d5d510857229127bf71e6a9ec27674f70f8013 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 25 Aug 2025 16:15:13 +0300
Subject: [PATCH] chore(react): fix note path when empty

---
 .../src/widgets/ribbon/NotePathsTab.tsx       | 40 +++++++++----------
 1 file changed, 19 insertions(+), 21 deletions(-)

diff --git a/apps/client/src/widgets/ribbon/NotePathsTab.tsx b/apps/client/src/widgets/ribbon/NotePathsTab.tsx
index bde553eaf..00249b0b4 100644
--- a/apps/client/src/widgets/ribbon/NotePathsTab.tsx
+++ b/apps/client/src/widgets/ribbon/NotePathsTab.tsx
@@ -29,27 +29,25 @@ export default function NotePathsTab({ note, hoistedNoteId, notePath }: TabConte
 
     return (
         <div class="note-paths-widget">
-            {sortedNotePaths?.length && (
-                <>
-                    <div className="note-path-intro">
-                        {sortedNotePaths.length > 0 ? t("note_paths.intro_placed") : t("note_paths.intro_not_placed")}
-                    </div>
-        
-                    <ul className="note-path-list">
-                        {sortedNotePaths.map(sortedNotePath => (
-                            <NotePath
-                                currentNotePath={notePath}
-                                notePathRecord={sortedNotePath}
-                            />
-                        ))}
-                    </ul>
-        
-                    <Button
-                        triggerCommand="cloneNoteIdsTo"
-                        text={t("note_paths.clone_button")}
-                    />
-                </>
-            )}
+            <>
+                <div className="note-path-intro">
+                    {sortedNotePaths?.length ? t("note_paths.intro_placed") : t("note_paths.intro_not_placed")}
+                </div>
+    
+                <ul className="note-path-list">
+                    {sortedNotePaths?.length ? sortedNotePaths.map(sortedNotePath => (
+                        <NotePath
+                            currentNotePath={notePath}
+                            notePathRecord={sortedNotePath}
+                        />
+                    )) : undefined}
+                </ul>
+    
+                <Button
+                    triggerCommand="cloneNoteIdsTo"
+                    text={t("note_paths.clone_button")}
+                />
+            </>
         </div>
     )
 }