diff --git a/client/src/components/frontline/FrontLine.tsx b/client/src/components/frontline/FrontLine.tsx
index f63db0ae..d313d48e 100644
--- a/client/src/components/frontline/FrontLine.tsx
+++ b/client/src/components/frontline/FrontLine.tsx
@@ -1,4 +1,7 @@
-import { FrontLine as FrontLineModel } from "../../api/liberationApi";
+import {
+  FrontLine as FrontLineModel,
+  useOpenNewFrontLinePackageDialogMutation,
+} from "../../api/liberationApi";
 import { Polyline } from "react-leaflet";
 
 interface FrontLineProps {
@@ -6,8 +9,18 @@ interface FrontLineProps {
 }
 
 function FrontLine(props: FrontLineProps) {
+  const [openNewPackageDialog] = useOpenNewFrontLinePackageDialogMutation();
   return (
-    <Polyline positions={props.front.extents} weight={8} color={"#fe7d0a"} />
+    <Polyline
+      positions={props.front.extents}
+      weight={8}
+      color={"#fe7d0a"}
+      eventHandlers={{
+        contextmenu: () => {
+          openNewPackageDialog({ frontLineId: props.front.id });
+        },
+      }}
+    />
   );
 }