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 ; }