Add dropdown item on order to copy customer checkout summary url (#1147)

Author: LogFlames

frontend/src/components/common/OrdersTable/index.tsx

@@ -44,6 +44,7 @@ import {TanStackTable, TanStackTableColumn} from "../TanStackTable";
 import {ColumnVisibilityToggle} from "../ColumnVisibilityToggle";
 import {CellContext} from "@tanstack/react-table";
 import {formatCurrency} from "../../../utilites/currency.ts";
+import {eventCheckoutUrl} from "../../../utilites/urlHelper.ts";
 
 interface OrdersTableProps {
     event: Event,
@@ -152,6 +153,12 @@ export const OrdersTable = ({orders, event}: OrdersTableProps) => {
                                    leftSection={<IconBasketCog size={14}/>}>{t`Manage order`}</Menu.Item>
                         <Menu.Item onClick={() => handleModalClick(order.id, messageModal)}
                                    leftSection={<IconSend size={14}/>}>{t`Message buyer`}</Menu.Item>
+                        <Menu.Item onClick={() => {
+                                       const url = eventCheckoutUrl(order.event_id, order.short_id, 'summary');
+                                       clipboard.copy(url);
+                                       showSuccess(t`Customer link copied to clipboard`);
+                                   }}
+                                   leftSection={<IconCopy size={14}/>}>{t`Copy customer link`}</Menu.Item>
 
                         {order.latest_invoice && (
                             <Menu.Item onClick={() => handleInvoiceDownload(order.latest_invoice as Invoice)}

frontend/src/utilites/urlHelper.ts

@@ -21,6 +21,10 @@ export const organizerHomepageUrl = (organizer: Organizer) => {
     return getConfig('VITE_FRONTEND_URL') + organizerHomepagePath(organizer);
 }
 
+export const eventCheckoutUrl = (eventId: IdParam, orderShortId: IdParam, subPage = '') => {
+    return getConfig('VITE_FRONTEND_URL') + eventCheckoutPath(eventId, orderShortId, subPage);
+}
+
 export const eventHomepageUrl = (event: Event) => {
     return getConfig('VITE_FRONTEND_URL') + eventHomepagePath(event);
 }