Steffen Illium
4255c61fab
All checks were successful
Next.js App CI / docker (push) Successful in 7m21s
38 lines
682 B
TypeScript
38 lines
682 B
TypeScript
// file: components/util-tracked-button.tsx
|
|
"use client";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import React from "react";
|
|
|
|
interface TrackedButtonProps extends React.ComponentProps<typeof Button> {
|
|
eventName: string;
|
|
}
|
|
|
|
|
|
export const TrackedButton = ({
|
|
eventName,
|
|
onClick,
|
|
children,
|
|
...rest
|
|
}: TrackedButtonProps) => {
|
|
const handleTrackedClick = (
|
|
e: React.MouseEvent<HTMLButtonElement, MouseEvent>
|
|
) => {
|
|
|
|
e.stopPropagation();
|
|
|
|
if (window.umami) {
|
|
window.umami.track(eventName);
|
|
}
|
|
|
|
if (onClick) {
|
|
onClick(e);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<Button onClick={handleTrackedClick} {...rest}>
|
|
{children}
|
|
</Button>
|
|
);
|
|
}; |