diff --git a/packages/fakeyou.com/src/v2/view/PageContainer.tsx b/packages/fakeyou.com/src/v2/view/PageContainer.tsx
index 04270e9ae7..d08ce2a1c6 100644
--- a/packages/fakeyou.com/src/v2/view/PageContainer.tsx
+++ b/packages/fakeyou.com/src/v2/view/PageContainer.tsx
@@ -824,6 +824,7 @@ class PageContainer extends React.Component<
inferenceJobs: this.props.inferenceJobs,
inferenceJobsByCategory:
this.props.inferenceJobsByCategory,
+ sessionWrapper: this.props.sessionWrapper,
}}
/>
@@ -1331,6 +1332,7 @@ class PageContainer extends React.Component<
this.props.sessionSubscriptionsWrapper,
inferenceJobs: this.props.inferenceJobs,
inferenceJobsByCategory: this.props.inferenceJobsByCategory,
+ sessionWrapper: this.props.sessionWrapper,
}}
/>
diff --git a/packages/fakeyou.com/src/v2/view/_common/StudioNotAvailable.tsx b/packages/fakeyou.com/src/v2/view/_common/StudioNotAvailable.tsx
new file mode 100644
index 0000000000..2cecd47369
--- /dev/null
+++ b/packages/fakeyou.com/src/v2/view/_common/StudioNotAvailable.tsx
@@ -0,0 +1,19 @@
+import { DiscordLink2 } from "@storyteller/components/src/elements/DiscordLink2";
+import { Container } from "components/common";
+import PageHeader from "components/layout/PageHeader";
+import React from "react";
+
+export function StudioNotAvailable() {
+ const subText = (
+
Please visit our to join the wait list.
+ );
+
+ return (
+
+
+
+ );
+}
diff --git a/packages/fakeyou.com/src/v2/view/pages/video_mocap/VideoMocap.tsx b/packages/fakeyou.com/src/v2/view/pages/video_mocap/VideoMocap.tsx
index 7893fec7cf..e0072e12e1 100644
--- a/packages/fakeyou.com/src/v2/view/pages/video_mocap/VideoMocap.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/video_mocap/VideoMocap.tsx
@@ -21,6 +21,8 @@ import {
faPersonRays,
} from "@fortawesome/pro-solid-svg-icons";
import PageHeaderWithImage from "components/layout/PageHeaderWithImage";
+import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
+import { StudioNotAvailable } from "v2/view/_common/StudioNotAvailable";
export default function VideoMotionCapture(props: {
enqueueInferenceJob: (
@@ -29,8 +31,9 @@ export default function VideoMotionCapture(props: {
) => void;
inferenceJobs: Array;
inferenceJobsByCategory: Map>;
+ sessionWrapper: SessionWrapper;
}) {
- const { enqueueInferenceJob } = props;
+ const { enqueueInferenceJob, sessionWrapper } = props;
const { t } = useLocalize("VideoMotionCapture");
const { NO_FILE, FILE_UPLOADING, MOCAPNET_ENQUEUED } = states;
const [pageState, dispatchPageState] = useReducer(reducer, {
@@ -59,6 +62,10 @@ export default function VideoMotionCapture(props: {
}, [pageState, enqueueInferenceJob]);
const { pathname } = useLocation();
+ if (!sessionWrapper.canAccessStudio()) {
+ return
+ }
+
if (pathname === `/video-mocap` || pathname === `/video-mocap/`) {
return ;
}