[WIP] feat: add share button for flow links

editor.planx.uk/package.json

@@ -14,7 +14,7 @@
     "@mui/material": "^5.15.10",
     "@mui/utils": "^5.15.11",
     "@opensystemslab/map": "^0.8.3",
-    "@opensystemslab/planx-core": "git+https://github.com/theopensystemslab/planx-core#6b2fd26",
+    "@opensystemslab/planx-core": "git+https://github.com/theopensystemslab/planx-core#7c37fc3",
     "@tiptap/core": "^2.4.0",
     "@tiptap/extension-bold": "^2.0.3",
     "@tiptap/extension-bubble-menu": "^2.1.13",

editor.planx.uk/src/components/Header.tsx

@@ -24,7 +24,7 @@ import { clearLocalFlow } from "lib/local";
 import { capitalize } from "lodash";
 import { Route } from "navi";
 import { useAnalyticsTracking } from "pages/FlowEditor/lib/analytics/provider";
-import React, { RefObject, useRef, useState } from "react";
+import React, { RefObject, useEffect, useRef, useState } from "react";
 import {
   Link as ReactNaviLink,
   useCurrentRoute,
@@ -577,16 +577,31 @@ const Toolbar: React.FC<ToolbarProps> = ({ headerRef }) => {
 };
 
 const Header: React.FC = () => {
+  const [isOutsideEditor, setIsOutsideEditor] = useState<boolean>(false);
   const headerRef = useRef<HTMLDivElement>(null);
   const theme = useStore((state) => state.teamTheme);
+  const environment = useStore((state) => state.previewEnvironment);
+  const pathnameArray = window.location.pathname.split("/");
+
+  useEffect(() => {
+    const findPathname =
+      pathnameArray.slice(-1)[0] === "preview" ||
+      pathnameArray.slice(-1)[0] === "draft";
+
+    setIsOutsideEditor(Boolean(findPathname));
+  }, pathnameArray);
+
   return (
     <Root
       position="static"
       elevation={0}
       color="transparent"
       ref={headerRef}
       sx={{
-        backgroundColor: theme?.primaryColour || "#2c2c2c",
+        backgroundColor:
+          isOutsideEditor || environment === "standalone"
+            ? theme.primaryColour
+            : "#2c2c2c",
         "@media print": { backgroundColor: "white", color: "black" },
       }}
     >

editor.planx.uk/src/pages/FlowEditor/components/Flow/index.tsx

@@ -24,6 +24,8 @@ const Flow = ({ breadcrumbs = [] }: any) => {
     href: `${window.location.pathname.split(id)[0]}${id}`,
   }));
 
+  console.log(useStore.getState().flowStatus);
+
   return (
     <>
       <ol id="flow" data-layout={flowLayout} className="decisions">