Fix yup schemas (#3509)

* Fix yup schemas
* Add internationalization

ui/v2.5/src/components/Studios/StudioDetails/Studio.tsx

@@ -12,7 +12,6 @@ import {
   useStudioDestroy,
   mutateMetadataAutoTag,
 } from "src/core/StashService";
-import ImageUtils from "src/utils/image";
 import { Counter } from "src/components/Shared/Counter";
 import { DetailsEditNavbar } from "src/components/Shared/DetailsEditNavbar";
 import { ModalComponent } from "src/components/Shared/Modal";
@@ -54,8 +53,9 @@ const StudioPage: React.FC<IProps> = ({ studio }) => {
   const [isEditing, setIsEditing] = useState<boolean>(false);
   const [isDeleteAlertOpen, setIsDeleteAlertOpen] = useState<boolean>(false);
 
-  // Studio state
+  // Editing studio state
   const [image, setImage] = useState<string | null>();
+  const [encodingImage, setEncodingImage] = useState<boolean>(false);
 
   const [updateStudio] = useStudioUpdate();
   const [deleteStudio] = useStudioDestroy({ id: studio.id });
@@ -73,17 +73,14 @@ const StudioPage: React.FC<IProps> = ({ studio }) => {
     };
   });
 
-  function onImageLoad(imageData: string) {
-    setImage(imageData);
-  }
-
-  const imageEncoding = ImageUtils.usePasteImage(onImageLoad, isEditing);
-
-  async function onSave(input: Partial<GQL.StudioUpdateInput>) {
+  async function onSave(input: GQL.StudioCreateInput) {
     try {
       const result = await updateStudio({
         variables: {
-          input: input as GQL.StudioUpdateInput,
+          input: {
+            id: studio.id,
+            ...input,
+          },
         },
       });
       if (result.data?.studioUpdate) {
@@ -181,7 +178,7 @@ const StudioPage: React.FC<IProps> = ({ studio }) => {
     <div className="row">
       <div className="studio-details col-md-4">
         <div className="text-center">
-          {imageEncoding ? (
+          {encodingImage ? (
             <LoadingIndicator message="Encoding image..." />
           ) : (
             renderImage()
@@ -213,7 +210,8 @@ const StudioPage: React.FC<IProps> = ({ studio }) => {
             onSubmit={onSave}
             onCancel={onToggleEdit}
             onDelete={onDelete}
-            onImageChange={setImage}
+            setImage={setImage}
+            setEncodingImage={setEncodingImage}
           />
         )}
       </div>