client/web: add additional web client metrics logging (#10462)

Add additional web client metric logging. Namely, add logging events for
auth / deauth, enable / disable using exit node, enable / disable SSH,
enable / disable advertise routes, and click events on the device details
button.

Updates https://github.com/tailscale/tailscale/issues/10261

Signed-off-by: Mario Minardi <mario@tailscale.com>
This commit is contained in:
Mario Minardi
2023-12-07 09:24:25 -07:00
committed by GitHub
parent 97f84200ac
commit f5f21c213c
5 changed files with 46 additions and 9 deletions
@@ -3,6 +3,7 @@
import cx from "classnames"
import React, { useMemo } from "react"
import { incrementMetric } from "src/api"
import { ReactComponent as ArrowRight } from "src/assets/icons/arrow-right.svg"
import { ReactComponent as Machine } from "src/assets/icons/machine.svg"
import AddressCard from "src/components/address-copy-card"
@@ -68,7 +69,11 @@ export default function HomeView({
disabled={readonly}
/>
)}
<Link className="link font-medium" to="/details">
<Link
className="link font-medium"
to="/details"
onClick={() => incrementMetric("web_client_device_details_click")}
>
View device details &rarr;
</Link>
</div>