Update

resources/js/modules/editor/partials/edit-nav-sidebar.jsx

@@ -5,12 +5,7 @@ import { Sheet, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sh
 import useLocalSettingsStore from '@/stores/localSettingsStore';
 import { SettingsIcon } from 'lucide-react';
 
-interface EditNavSidebarProps {
-    isOpen: boolean;
-    onClose: () => void;
-}
-
-export default function EditNavSidebar({ isOpen, onClose }: EditNavSidebarProps) {
+export default function EditNavSidebar({ isOpen, onClose }) {
     const { getSetting, setSetting } = useLocalSettingsStore();
 
     return (

resources/js/modules/editor/partials/edit-sidebar.jsx

@@ -7,12 +7,7 @@ import useMediaStore from '@/stores/MediaStore';
 import { Edit3 } from 'lucide-react';
 import { useEffect, useState } from 'react';
 
-interface EditSidebarProps {
-    isOpen: boolean;
-    onClose: () => void;
-}
-
-export default function EditSidebar({ isOpen, onClose }: EditSidebarProps) {
+export default function EditSidebar({ isOpen, onClose }) {
     const {
         memes,
         backgrounds,
@@ -42,7 +37,7 @@ export default function EditSidebar({ isOpen, onClose }: EditSidebarProps) {
         }
     }, [isOpen, activeTab, memes.length, backgrounds.length, isFetchingMemes, isFetchingBackgrounds]);
 
-    const handleTabChange = (value: string) => {
+    const handleTabChange = (value) => {
         setActiveTab(value);
         if (value === 'memes' && memes.length === 0 && !isFetchingMemes) {
             fetchMemes();

resources/js/modules/editor/partials/editor-canvas.jsx

@@ -1,8 +1,8 @@
-import React, { useEffect, useLayoutEffect, useState } from 'react';
+import { useEffect, useLayoutEffect, useState } from 'react';
 import { LAYOUT_CONSTANTS, calculateResponsiveScale } from '../utils/layout-constants';
 import VideoEditor from './canvas/video-editor';
 
-const useResponsiveCanvas = (maxWidth: number = 350) => {
+const useResponsiveCanvas = (maxWidth = 350) => {
     const [scale, setScale] = useState(() => calculateResponsiveScale(maxWidth));
 
     useLayoutEffect(() => {
@@ -22,14 +22,14 @@ const useResponsiveCanvas = (maxWidth: number = 350) => {
         window.addEventListener('orientationchange', handleResize);
 
         // ResizeObserver for more reliable detection
-        let resizeObserver: ResizeObserver | undefined;
+        let resizeObserver;
         if (window.ResizeObserver) {
             resizeObserver = new ResizeObserver(handleResize);
             resizeObserver.observe(document.body);
         }
 
         // MutationObserver for dev tools detection
-        let mutationObserver: MutationObserver | undefined;
+        let mutationObserver;
         if (window.MutationObserver) {
             mutationObserver = new MutationObserver(() => {
                 setTimeout(handleResize, 50);
@@ -51,11 +51,7 @@ const useResponsiveCanvas = (maxWidth: number = 350) => {
     return scale;
 };
 
-interface EditorCanvasProps {
-    maxWidth?: number;
-}
-
-const EditorCanvas: React.FC<EditorCanvasProps> = ({ maxWidth = 350 }) => {
+const EditorCanvas = ({ maxWidth = 350 }) => {
     const scale = useResponsiveCanvas(maxWidth);
     const displayWidth = LAYOUT_CONSTANTS.CANVAS_WIDTH * scale;
     const displayHeight = LAYOUT_CONSTANTS.CANVAS_HEIGHT * scale;