diff --git a/apps/web/src/components/editor/panels/properties/index.tsx b/apps/web/src/components/editor/panels/properties/index.tsx
index 790acdda..4f285f84 100644
--- a/apps/web/src/components/editor/panels/properties/index.tsx
+++ b/apps/web/src/components/editor/panels/properties/index.tsx
@@ -17,7 +17,7 @@ export function PropertiesPanel() {
});
return (
-
+
{selectedElements.length > 0 ? (
{elementsWithTracks.map(({ track, element }) => {
@@ -31,10 +31,14 @@ export function PropertiesPanel() {
if (element.type === "audio") {
return ;
}
- if (element.type === "video" || element.type === "image") {
+ if (
+ element.type === "video" ||
+ element.type === "image" ||
+ element.type === "sticker"
+ ) {
return (
-
+
);
}
diff --git a/apps/web/src/components/editor/panels/properties/video-properties.tsx b/apps/web/src/components/editor/panels/properties/video-properties.tsx
index bf6d92d8..3588cbb7 100644
--- a/apps/web/src/components/editor/panels/properties/video-properties.tsx
+++ b/apps/web/src/components/editor/panels/properties/video-properties.tsx
@@ -1,9 +1,17 @@
-import type { ImageElement, VideoElement } from "@/types/timeline";
+import type { ImageElement, StickerElement, VideoElement } from "@/types/timeline";
+import { BlendingSection, TransformSection } from "./sections";
export function VideoProperties({
- _element,
+ element,
+ trackId,
}: {
- _element: VideoElement | ImageElement;
+ element: VideoElement | ImageElement | StickerElement;
+ trackId: string;
}) {
- return Video properties
;
+ return (
+
+
+
+
+ );
}