Merge branch 'main' into fix/improve-shortcuts

1 files changed, 53 insertions, 53 deletions

diff --git a/apps/web/src/components/editor/media-panel/views/text.tsx b/apps/web/src/components/editor/media-panel/views/text.tsx
index 6d0d310b..0686190e 100644
--- a/apps/web/src/components/editor/media-panel/views/text.tsx
+++ b/apps/web/src/components/editor/media-panel/views/text.tsx
@@ -1,53 +1,53 @@
-import { DraggableMediaItem } from "@/components/ui/draggable-item";

-import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";

-import { useTimelineStore } from "@/stores/timeline-store";

-import { type TextElement } from "@/types/timeline";

-

-let textData: TextElement = {

-  id: "default-text",

-  type: "text",

-  name: "Default text",

-  content: "Default text",

-  fontSize: 48,

-  fontFamily: "Arial",

-  color: "#ffffff",

-  backgroundColor: "transparent",

-  textAlign: "center" as const,

-  fontWeight: "normal" as const,

-  fontStyle: "normal" as const,

-  textDecoration: "none" as const,

-  x: 0,

-  y: 0,

-  rotation: 0,

-  opacity: 1,

-  duration: TIMELINE_CONSTANTS.DEFAULT_TEXT_DURATION,

-  startTime: 0,

-  trimStart: 0,

-  trimEnd: 0,

-};

-

-export function TextView() {

-  return (

-    <div className="p-4">

-      <DraggableMediaItem

-        name="Default text"

-        preview={

-          <div className="flex items-center justify-center w-full h-full bg-accent rounded">

-            <span className="text-xs select-none">Default text</span>

-          </div>

-        }

-        dragData={{

-          id: textData.id,

-          type: textData.type,

-          name: textData.name,

-          content: textData.content,

-        }}

-        aspectRatio={1}

-        onAddToTimeline={(currentTime) =>

-          useTimelineStore.getState().addTextAtTime(textData, currentTime)

-        }

-        showLabel={false}

-      />

-    </div>

-  );

-}

+import { DraggableMediaItem } from "@/components/ui/draggable-item";
+import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
+import { useTimelineStore } from "@/stores/timeline-store";
+import { type TextElement } from "@/types/timeline";
+
+const textData: TextElement = {
+  id: "default-text",
+  type: "text",
+  name: "Default text",
+  content: "Default text",
+  fontSize: 48,
+  fontFamily: "Arial",
+  color: "#ffffff",
+  backgroundColor: "transparent",
+  textAlign: "center" as const,
+  fontWeight: "normal" as const,
+  fontStyle: "normal" as const,
+  textDecoration: "none" as const,
+  x: 0,
+  y: 0,
+  rotation: 0,
+  opacity: 1,
+  duration: TIMELINE_CONSTANTS.DEFAULT_TEXT_DURATION,
+  startTime: 0,
+  trimStart: 0,
+  trimEnd: 0,
+};
+
+export function TextView() {
+  return (
+    <div className="p-4">
+      <DraggableMediaItem
+        name="Default text"
+        preview={
+          <div className="flex items-center justify-center w-full h-full bg-accent rounded">
+            <span className="text-xs select-none">Default text</span>
+          </div>
+        }
+        dragData={{
+          id: textData.id,
+          type: textData.type,
+          name: textData.name,
+          content: textData.content,
+        }}
+        aspectRatio={1}
+        onAddToTimeline={(currentTime) =>
+          useTimelineStore.getState().addTextAtTime(textData, currentTime)
+        }
+        showLabel={false}
+      />
+    </div>
+  );
+}