Improve how shared folders appear in the navigation sidebar

Hide the "Shared with me" header in certain views and add tooltips to indicate folder owners.
This commit is contained in:
Riyadh
2026-05-10 09:54:00 +00:00
parent 5363d97ac1
commit b19add09c8
@@ -537,9 +537,11 @@ export function FoldersRail({
className="contents md:block md:pt-3"
data-testid="shared-with-me-section"
>
<div className="hidden md:block text-[11px] font-semibold uppercase tracking-wider text-muted-foreground px-2 mb-1 mt-3">
{t("notes.folders.sharedWithMe", "Shared with me")}
</div>
{mode === "rail" && (
<div className="hidden md:block text-[11px] font-semibold uppercase tracking-wider text-muted-foreground px-2 mb-1 mt-3">
{t("notes.folders.sharedWithMe", "Shared with me")}
</div>
)}
{sharedFolders.map((sf: SharedFolder) => {
const isSel =
selected.kind === "shared-folder" && selected.id === sf.id;
@@ -567,6 +569,9 @@ export function FoldersRail({
onClick={() => onSelect({ kind: "shared-folder", id: sf.id })}
className="w-full flex items-center gap-2 px-2.5 py-1.5 text-sm text-start whitespace-nowrap"
data-testid={`shared-folder-select-${sf.id}`}
title={t("notes.folders.sharedByName", "by {{name}}", {
name: ownerName,
})}
>
<span className="shrink-0">
<Share2 size={14} />