Add a plus icon to indicate creating a new note

Update the notes composer component to include a Plus icon next to the "Take a note..." placeholder, visually indicating the action to create a new note.
2026-05-10 14:11:23 +00:00
parent 16c98449f4
commit 0c88b31f91
1 changed files with 9 additions and 2 deletions
@@ -2772,10 +2772,17 @@ function Composer({
      ) : (
        <button
          onClick={() => setOpen(true)}
-          className="w-full text-start text-muted-foreground py-1 px-1"
+          className="w-full flex items-center gap-2 text-start text-muted-foreground py-1 px-1"
          data-testid="notes-composer-open"
        >
+          <Plus
+            size={18}
+            aria-hidden="true"
+            className="shrink-0 text-muted-foreground"
+          />
+          <span className="truncate">
            {t("notes.takeNote", "Take a note...")}
+          </span>
        </button>
      )}
    </div>