diff --git a/editor.planx.uk/src/pages/FlowEditor/components/PreviewBrowser.tsx b/editor.planx.uk/src/pages/FlowEditor/components/PreviewBrowser.tsx
index e0b01cfce5..0334a34c14 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/PreviewBrowser.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/PreviewBrowser.tsx
@@ -19,8 +19,8 @@ import List from "@mui/material/List";
import ListItem from "@mui/material/ListItem";
import ListItemText from "@mui/material/ListItemText";
import { styled } from "@mui/material/styles";
-import Tab, { tabClasses } from '@mui/material/Tab';
-import Tabs from '@mui/material/Tabs';
+import Tab, { tabClasses } from "@mui/material/Tab";
+import Tabs from "@mui/material/Tabs";
import Tooltip from "@mui/material/Tooltip";
import Typography from "@mui/material/Typography";
import { ComponentType as TYPES } from "@opensystemslab/planx-core/types";
@@ -28,6 +28,7 @@ import { AxiosError } from "axios";
import formatDistanceToNow from "date-fns/formatDistanceToNow";
import React, { useState } from "react";
import { useAsync } from "react-use";
+import { FeaturePlaceholder } from "ui/editor/FeaturePlaceholder";
import Caret from "ui/icons/Caret";
import Input from "ui/shared/Input";
@@ -100,7 +101,6 @@ const TabList = styled(Box)(({ theme }) => ({
},
}));
-
const StyledTab = styled(Tab)(({ theme }) => ({
position: "relative",
zIndex: 1,
@@ -122,8 +122,6 @@ const StyledTab = styled(Tab)(({ theme }) => ({
},
})) as typeof Tab;
-
-
const formatLastPublish = (date: string, user: string) =>
`Last published ${formatDistanceToNow(new Date(date))} ago by ${user}`;
@@ -160,7 +158,7 @@ interface AlteredNode {
data?: any;
}
-type SideBarTabs = "PreviewBrowser" | "History"
+type SideBarTabs = "PreviewBrowser" | "History";
const AlteredNodeListItem = (props: { node: AlteredNode }) => {
const { node } = props;
@@ -630,22 +628,34 @@ const PreviewBrowser: React.FC<{
-
-
+
+
- {activeTab === "PreviewBrowser" &&
+ {activeTab === "PreviewBrowser" && (
- }
- {activeTab === "History" &&
+ )}
+ {activeTab === "History" && (
- History
+
- }
+ )}
{showDebugConsole && }
);