apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-25 16:56:22 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: improve note editing and creation workflow

Browse source 
- Enhanced the editor to handle new note creation directly, initializing with an empty state.
- Updated save functionality to create a note first if it's new, followed by saving the content.
- Modified breadcrumb navigation to accommodate new notes and improve user experience.
- Removed the old note creation page to streamline the editing process.
- Added error handling and dynamic title updates for better feedback during note creation.
This commit is contained in:
Anish Sarkar 2025-12-16 18:46:18 +05:30
parent e1e813702a
commit e9d3d36dfc
6 changed files with 167 additions and 225 deletions
Download patch file Download diff file Expand all files Collapse all files

31
surfsense_web/components/sidebar/nav-notes.tsx
View file

@ -10,6 +10,7 @@ import {
RefreshCw,
Share,
Trash2,
Eye,
} from "lucide-react";
import { useRouter } from "next/navigation";
import { useTranslations } from "next-intl";
@ -149,9 +150,9 @@ export function NavNotes({ notes, onAddNote, defaultOpen = true }: NavNotesProps
);
return (
<SidebarGroup className="group-data-[collapsible=icon]:hidden">
<SidebarGroup className="group-data-[collapsible=icon]:hidden relative">
<Collapsible open={isOpen} onOpenChange={setIsOpen}>
<div className="flex items-center justify-between group/header">
<div className="flex items-center group/header relative">
<CollapsibleTrigger asChild>
<SidebarGroupLabel className="cursor-pointer rounded-md px-2 py-1.5 -mx-2 transition-colors flex items-center gap-1.5">
<ChevronRight
@ -164,19 +165,33 @@ export function NavNotes({ notes, onAddNote, defaultOpen = true }: NavNotesProps
</span>
</SidebarGroupLabel>
</CollapsibleTrigger>
{onAddNote && (
<div className="absolute top-1.5 right-1 flex items-center gap-0.5 opacity-0 group-hover/header:opacity-100 transition-opacity">
<button
type="button"
onClick={(e) => {
e.stopPropagation();
onAddNote();
// Add your view all handler here
// router.push('/dashboard/[search_space_id]/notes');
}}
className="opacity-0 group-hover/header:opacity-100 transition-opacity p-1 hover:bg-sidebar-accent rounded-md -mr-2 shrink-0"
aria-label="Add note"
aria-label="View all notes"
className="text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden relative"
>
<Plus className="h-3.5 w-3.5 text-muted-foreground" />
<Eye className="h-4 w-4" />
</button>
)}
{onAddNote && (
<button
type="button"
onClick={(e) => {
e.stopPropagation();
onAddNote();
}}
aria-label="Add note"
className="text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden relative"
>
<Plus className="h-4 w-4" />
</button>
)}
</div>
</div>
<CollapsibleContent>
<SidebarGroupContent>