-
-
{t("input.dropzoneDescription")}
-
{t("button.upload")}
-
{t("button.generate")}
+
+
+
+
+
+
+
+
+
)
}
\ No newline at end of file
diff --git a/packages/fakeyou.com/src/v2/view/pages/video_mocap/components/uploadFieldVideo/UploadFieldVideo.tsx b/packages/fakeyou.com/src/v2/view/pages/video_mocap/components/uploadFieldVideo/UploadFieldVideo.tsx
new file mode 100644
index 0000000000..3ca644f538
--- /dev/null
+++ b/packages/fakeyou.com/src/v2/view/pages/video_mocap/components/uploadFieldVideo/UploadFieldVideo.tsx
@@ -0,0 +1,49 @@
+import React, { useState } from "react";
+import { a, useSpring } from '@react-spring/web';
+import { FileDetails, FileWrapper, FileLabel } from "components/common";
+import { faImagePortrait } from "@fortawesome/pro-solid-svg-icons";
+import "./style.scss";
+
+const fileTypes = ["JPG", "GIF", "PNG"];
+
+interface Props {
+ blob?: string;
+ clear?: (file?: any) => void;
+ file?: any;
+ hideActions?: boolean;
+ hideClearDetails?: boolean;
+ inputProps?: any;
+ onRest?: () => void;
+ success?: boolean;
+ submit?: () => void;
+ working?: boolean;
+ [x:string]: any;
+}
+
+const n = () => {};
+
+export default function UploadFieldVideo({ blob = "", clear = n, file, hideActions, hideClearDetails, inputProps, onRest = n, success = false, submit = n, working = false, ...rest }: Props) {
+ const [loaded,loadedSet] = useState
();
+ const onLoad = () => loadedSet(1);
+ const style = useSpring({
+ config: { mass: 1, tension: 120, friction: 14 },
+ onRest,
+ opacity: loaded ? 1 : 0
+ });
+
+ return
+
+ { file ? <>
+
+
+ : <>
+
+
+ { !file && }
+
+ }
+