fix: Use imageControl to upload video poster

surajshetty3416 · surajshetty3416 · commit f44944a7060b · 2025-10-03T11:31:26.000+05:30
closes: frappe#407
diff --git a/frontend/src/components/BlockPropertySections/VideoOptionsSection.ts b/frontend/src/components/BlockPropertySections/VideoOptionsSection.ts
@@ -1,5 +1,7 @@
 import InlineInput from "@/components/Controls/InlineInput.vue";
 import OptionToggle from "@/components/Controls/OptionToggle.vue";
+import PropertyControl from "@/components/Controls/PropertyControl.vue";
+import ImageUploadInput from "@/components/ImageUploadInput.vue";
 import blockController from "@/utils/blockController";
 
 const videoOptionsSectionProperties = [
@@ -17,17 +19,20 @@ const videoOptionsSectionProperties = [
 		},
 	},
 	{
-		component: InlineInput,
+		component: PropertyControl,
 		getProps: () => {
 			return {
+				component: ImageUploadInput,
+				controlType: "attribute",
+				styleProperty: "poster",
 				label: "Poster",
-				modelValue: blockController.getAttribute("poster"),
+				imageURL: blockController.getAttribute("poster"),
 			};
 		},
-		searchKeyWords: "Poster",
 		events: {
-			"update:modelValue": (val: string) => blockController.setAttribute("poster", val),
+			"update:imageURL": (val: string) => blockController.setAttribute("poster", val),
 		},
+		searchKeyWords: "Poster, Image, Thumbnail, Preview",
 	},
 	{
 		component: OptionToggle,
