e.preventDefault()}
- onTouchMove={(e) => e.preventDefault()}
- >
- {/* New folder input */}
- {newFolder && (
-
e.preventDefault()}
+ onTouchMove={(e) => e.preventDefault()}
+ >
+ {/* New folder input */}
+ {newFolder && (
+
+ setNewFolder(false)}
+ onChange={(e) => setNewFolderText(e.target.value)}
+ value={newFolderText}
+ type="text"
+ placeholder="Folder name..."
+ className="standard-input"
+ ref={newFolderRef}
+ onKeyDown={(e) => {
+ if (e.key === "Enter") {
+ handleCreateFolder();
+ }
+ if (e.key === "Escape") {
+ setNewFolder(false);
+ }
+ }}
+ />
+
+ )}
- {/* Loading state */}
- {isLoading && (
-
- )}
+ {/* Loading state */}
+ {isLoading && (
+
+ )}
- {/* Error state */}
- {error && (
-
-
Failed to load folders
-
- )}
+ {/* Error state */}
+ {error && (
+
+
Failed to load folders
+
+ )}
- {/* Folder tree */}
- {!isLoading && !error && (
- <>
-
- {folderTree?.folders.map((folder) => (
-
- ))}
-
-
- {/* Orphaned notes */}
- {folderTree?.orphanedNotes &&
- folderTree.orphanedNotes.length > 0 && (
-
- {folderTree.orphanedNotes.map((note) => (
-
- ))}
-
- )}
- >
- )}
-