diff --git a/packages/fakeyou.com/src/components/entities/EntityInput/EntityInput.tsx b/packages/fakeyou.com/src/components/entities/EntityInput/EntityInput.tsx
index 99e47b2d9a..ed8150199e 100644
--- a/packages/fakeyou.com/src/components/entities/EntityInput/EntityInput.tsx
+++ b/packages/fakeyou.com/src/components/entities/EntityInput/EntityInput.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
import { useLocation } from "react-router-dom";
import { a, useTransition } from "@react-spring/web";
import { MediaFile } from "@storyteller/components/src/api/media_files/GetMedia";
@@ -15,9 +15,11 @@ import "./EntityInput.scss";
interface Props {
accept?: AcceptTypes | AcceptTypes[],
aspectRatio?: "square" | "landscape" | "portrait",
- label?: string,
+ label?: string,
+ name?: string,
onChange?: any,
type: EntityModeProp,
+ value?: string
}
export interface SlideProps {
@@ -60,19 +62,19 @@ const AniMod = ({ animating, className, isLeaving, render: Render, style, ...res
;
-export default function EntityInput({ accept: inAccept, aspectRatio = "square", label, onChange, type, ...rest }: Props) {
+export default function EntityInput({ accept: inAccept, aspectRatio = "square", label, name = "", onChange, type, value, ...rest }: Props) {
const accept = Array.isArray(inAccept) ? inAccept : [inAccept];
const inputMode = EntityInputMode[type];
const { search } = useLocation();
const presetToken = search ? new URLSearchParams(search).get("preset_token") : "";
- const [mediaToken,mediaTokenSet] = useState(presetToken || "");
+ const [mediaToken,mediaTokenSet] = useState(presetToken || value || "");
const { media, mediaSet } = useMedia({ mediaToken });
const { user } = useSession();
const { open } = useModal();
const selectToken = (token: string) => {
mediaTokenSet(token);
- onChange({ target: { name: "temp", value: token } });
+ onChange({ target: { name, value: token } });
};
const { clear, inputProps } = useFile({
@@ -109,6 +111,10 @@ export default function EntityInput({ accept: inAccept, aspectRatio = "square",
onStart: () => animatingSet(true)
});
+ useEffect(() => {
+ if (presetToken && value !== presetToken) onChange({ target: { name, value: presetToken } });
+ },[presetToken, name, onChange, value]);
+
return <>
diff --git a/packages/fakeyou.com/src/components/layout/InferenceJobsList/InferenceJobsList.scss b/packages/fakeyou.com/src/components/layout/InferenceJobsList/InferenceJobsList.scss
index 2f484edf74..bebba3e320 100644
--- a/packages/fakeyou.com/src/components/layout/InferenceJobsList/InferenceJobsList.scss
+++ b/packages/fakeyou.com/src/components/layout/InferenceJobsList/InferenceJobsList.scss
@@ -52,6 +52,13 @@
white-space: nowrap;
}
+ .job-info {
+ line-height: .75rem;
+ font-size: .75rem;
+ white-space: nowrap;
+ opacity: .6;
+ }
+
span {
font-weight: lighter;
line-height: 1rem;
diff --git a/packages/fakeyou.com/src/v2/view/pages/EngineCompositor/EngineCompositor.tsx b/packages/fakeyou.com/src/v2/view/pages/EngineCompositor/EngineCompositor.tsx
index 3ca4c97261..0b39267b3c 100644
--- a/packages/fakeyou.com/src/v2/view/pages/EngineCompositor/EngineCompositor.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/EngineCompositor/EngineCompositor.tsx
@@ -65,6 +65,7 @@ export default function EngineCompositor({ value, sessionWrapper }: Props) {
label: "Choose 3D data",
onChange,
type: "media",
+ value: mediaToken
}}
/>