diff --git a/client/src/plus/collections/collection.tsx b/client/src/plus/collections/collection.tsx
index 6c388e47c7e1..d480435e916d 100644
--- a/client/src/plus/collections/collection.tsx
+++ b/client/src/plus/collections/collection.tsx
@@ -22,6 +22,8 @@ import {
FrequentlyViewedCollection,
useFrequentlyViewed,
} from "./frequently-viewed";
+import { useGleanClick } from "../../telemetry/glean-context";
+import { PLUS_COLLECTIONS } from "../../telemetry/constants";
dayjs.extend(relativeTime);
export function CollectionComponent() {
@@ -174,6 +176,7 @@ function ItemComponent({
const [note, setNote] = useState();
const locale = useLocale();
+ const gleanClick = useGleanClick();
useEffect(() => {
const slicedNote = item.notes && charSlice(item.notes, 0, 180);
@@ -255,7 +258,10 @@ function ItemComponent({
@@ -294,7 +300,10 @@ function ItemComponent({
extraClasses="add-note"
icon="edit"
type="action"
- onClickHandler={openBookmarkMenu}
+ onClickHandler={(e) => {
+ gleanClick(PLUS_COLLECTIONS.ACTIONS_NOTE_ADD);
+ return openBookmarkMenu(e);
+ }}
>
Add note
diff --git a/client/src/plus/collections/index.tsx b/client/src/plus/collections/index.tsx
index d348ad2232ec..593089e7b130 100644
--- a/client/src/plus/collections/index.tsx
+++ b/client/src/plus/collections/index.tsx
@@ -21,10 +21,7 @@ import dayjs from "dayjs";
import relativeTime from "dayjs/plugin/relativeTime";
import Mandala from "../../ui/molecules/mandala";
import { useGleanClick } from "../../telemetry/glean-context";
-import {
- COLLECTIONS_BANNER_NEW_COLLECTION,
- NEW_COLLECTION_MODAL_SUBMIT_COLLECTIONS_PAGE,
-} from "../../telemetry/constants";
+import { PLUS_COLLECTIONS } from "../../telemetry/constants";
import { camelWrap } from "../../utils";
import { useFrequentlyViewed } from "./frequently-viewed";
import { Icon } from "../../ui/atoms/icon";
@@ -89,7 +86,7 @@ function Overview() {