client/web: add endpoint for logging device detail click metric (#10505)

Add an endpoint for logging the device detail click metric to allow for
this metric to be logged without having a valid session which is the
case when in readonly mode.

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-11 10:50:06 -07:00
committed by GitHub
parent d8493d4bd5
commit 109929d110
3 changed files with 25 additions and 3 deletions

View File

@ -369,4 +369,3 @@ export type MetricName =
| "web_client_node_connect"
| "web_client_node_disconnect"
| "web_client_advertise_routes_change"
| "web_client_device_details_click"

View File

@ -3,7 +3,7 @@
import cx from "classnames"
import React, { useMemo } from "react"
import { incrementMetric } from "src/api"
import { apiFetch } 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 +68,7 @@ export default function HomeView({
<Link
className="link font-medium"
to="/details"
onClick={() => incrementMetric("web_client_device_details_click")}
onClick={() => apiFetch("/device-details-click", "POST")}
>
View device details &rarr;
</Link>