Cardoza_Construction/TasGrid
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Note and task ui fixes
CI / build (push) Has been skipped
Details
CI / deploy (push) Failing after 50s
Details

Browse Source
This commit is contained in:
Timothy Cardoza
2026-03-12 18:49:01 -05:00
parent 55047b5d90
commit bb0fe6c749
3 changed files with 63 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/NotesSidebar.tsx
+5 -1
View File
@@ -64,7 +64,11 @@ export const NotesSidebar: Component<{
n = n.filter(note => note.tags?.includes(getFavoriteTag()));
}
return n;
return n.sort((a, b) => {
const titleA = a.title || "Untitled";
const titleB = b.title || "Untitled";
return titleB.localeCompare(titleA);
});
});
const handleCreateNote = async () => {
src/components/TaskDetail.tsx
+19 -29
View File
@@ -434,6 +434,24 @@ export const TaskDetail: Component<TaskDetailProps> = (props) => {
<span class="hidden sm:inline">Video</span>
</Button>
</div>
{/* File Upload Shortcut */}
<div class="flex items-center gap-1 shrink-0">
<Button
variant="ghost"
size="sm"
class="h-8 px-1 sm:px-2 text-[0.625rem] font-bold uppercase tracking-wider hover:bg-muted/50 flex items-center gap-1 sm:gap-1.5 text-muted-foreground hover:text-foreground transition-colors"
onClick={() => {
const instance = editorInstance();
if (instance) {
instance.chain().focus().uploadFile().run();
}
}}
>
<FileText size={14} class="opacity-70" />
<span class="hidden sm:inline">File</span>
</Button>
</div>
</div>
{/* Metadata Row (Dates/Timestamps) */}
@@ -694,35 +712,7 @@ export const TaskDetail: Component<TaskDetailProps> = (props) => {
</PopoverContent>
</Popover>
{/* Close button (Mobile only) */}
<Button
variant="ghost"
size="sm"
class="h-8 w-8 p-0"
onClick={() => {
const instance = editorInstance();
if (instance) {
instance.chain().focus().uploadVideo().run();
}
}}
title="Video"
>
<Film class="w-4 h-4" />
</Button>
<Button
variant="ghost"
size="sm"
class="h-8 w-8 p-0"
onClick={() => {
const instance = editorInstance();
if (instance) {
instance.chain().focus().uploadFile().run();
}
}}
title="File"
>
<FileText class="w-4 h-4" />
</Button>
<Button
variant="ghost"
size="sm"
src/views/NotepadView.tsx
+39 -19
View File
@@ -513,25 +513,45 @@ export const NotepadView: Component<{
<Star size={14} class={cn(note().tags?.includes(getFavoriteTag()) && "fill-amber-500")} />
</Button>
<Show when={isOwner}>
<Button
variant="ghost"
size="sm"
class="hidden md:flex h-8 w-8 p-0 hover:bg-destructive/10 hover:text-destructive text-muted-foreground transition-all rounded-xl border border-border/40 shadow-sm"
onClick={() => handleDeleteNote(note().id)}
title="Move to Trash"
>
<Trash2 size={14} />
</Button>
<Button
variant="ghost"
size="sm"
class={cn("hidden md:flex h-8 text-[0.625rem] font-bold uppercase tracking-widest", note().isPrivate ? "text-orange-500 hover:bg-orange-500/10" : "text-muted-foreground")}
onClick={() => handleUpdateNote(note().id, { isPrivate: !note().isPrivate })}
>
<Show when={note().isPrivate} fallback={<><Unlock size={12} class="mr-1.5" /> Public</>}>
<><Lock size={12} class="mr-1.5" /> Private</>
</Show>
</Button>
<Popover>
<PopoverTrigger
as={Button}
variant="ghost"
size="sm"
class="hidden md:flex h-8 w-8 p-0 hover:bg-muted text-muted-foreground transition-all rounded-xl border border-border/40 shadow-sm shrink-0"
>
<MoreHorizontal size={14} />
</PopoverTrigger>
<PopoverContent class="w-48 p-2" align="end">
<div class="flex flex-col gap-1">
<Button
variant="ghost"
size="sm"
class={cn("w-full justify-start text-[0.625rem] font-bold uppercase tracking-widest gap-2", note().isPrivate ? "text-orange-500 hover:bg-orange-500/10" : "text-muted-foreground hover:bg-muted")}
onClick={(e) => {
e.stopPropagation();
handleUpdateNote(note().id, { isPrivate: !note().isPrivate });
}}
>
<Show when={note().isPrivate} fallback={<><Unlock size={14} /> Public</>}>
<><Lock size={14} /> Private</>
</Show>
</Button>
<Button
variant="ghost"
size="sm"
class="w-full justify-start text-[0.625rem] font-bold uppercase tracking-widest gap-2 hover:bg-destructive/10 hover:text-destructive text-muted-foreground transition-all"
onClick={(e) => {
e.stopPropagation();
handleDeleteNote(note().id);
}}
>
<Trash2 size={14} />
Delete
</Button>
</div>
</PopoverContent>
</Popover>
</Show>
</div>
</div>