diff --git a/src/website/packages/fakeyou.com/src/components/modals/CameraCapture/CameraCapture.scss b/src/website/packages/fakeyou.com/src/components/modals/CameraCapture/CameraCapture.scss
index 0dde27642f..d91152fce9 100644
--- a/src/website/packages/fakeyou.com/src/components/modals/CameraCapture/CameraCapture.scss
+++ b/src/website/packages/fakeyou.com/src/components/modals/CameraCapture/CameraCapture.scss
@@ -27,6 +27,7 @@
.fy-camera-capture-slide {
position: absolute;
width: 100%;
+ height: 100%;
}
.fy-camera-capture-centered {
diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/style-video/StyleVideo.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/style-video/StyleVideo.tsx
index 23c91d56be..ef22c8d9fc 100644
--- a/src/website/packages/fakeyou.com/src/v2/view/pages/style-video/StyleVideo.tsx
+++ b/src/website/packages/fakeyou.com/src/v2/view/pages/style-video/StyleVideo.tsx
@@ -12,7 +12,6 @@ import {
Label,
DropdownOptions,
SessionFetchingSpinner,
- LoginBlock,
Modal,
} from "components/common";
import { EntityInput } from "components/entities";
@@ -32,7 +31,7 @@ import { AITools } from "components/marketing";
export default function StyleVideo() {
const { mediaToken: pageMediaToken } = useParams<{ mediaToken: string }>();
- const { loggedIn, sessionFetched } = useSession();
+ const { loggedInOrModal, sessionFetched } = useSession();
const [mediaToken, mediaTokenSet] = useState(pageMediaToken || "");
const [IPAToken, IPATokenSet] = useState("");
const [prompt, promptSet] = useState("");
@@ -73,7 +72,14 @@ export default function StyleVideo() {
usePrefixedDocumentTitle("Style Video");
const onClick = async () => {
- if (mediaToken && selectedStyleValues.length > 0) {
+ if (
+ loggedInOrModal({
+ loginMessage: "Login to finish styling your video",
+ signupMessage: "Signup to finish styling your video",
+ }) &&
+ mediaToken &&
+ selectedStyleValues.length > 0
+ ) {
const maxJobs = Math.min(3, selectedStyleValues.length);
for (let i = 0; i < maxJobs; i++) {
try {
@@ -203,15 +209,6 @@ export default function StyleVideo() {
return ;
}
- if (!loggedIn) {
- return (
-
- );
- }
-
return (
<>