Update

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

@@ -16,6 +16,12 @@ const FONT_CONFIG = {
         italic: '/arial.ttf',
         boldItalic: '/arial.ttf',
     },
+    Bungee: {
+        normal: '/fonts/Bungee/Bungee-Regular.ttf',
+        bold: '/fonts/Bungee/Bungee-Regular.ttf',
+        italic: '/fonts/Bungee/Bungee-Regular.ttf',
+        boldItalic: '/fonts/Bungee/Bungee-Regular.ttf',
+    },
 };
 
 const useVideoExport = ({ timelineElements, dimensions, totalDuration }) => {

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

@@ -4,7 +4,7 @@ import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
 import { useMitt } from '@/plugins/MittContext';
 import useVideoEditorStore from '@/stores/VideoEditorStore';
-import { Download, Edit3, Play, Square } from 'lucide-react';
+import { Download, Edit3, Play, Square, Type } from 'lucide-react';
 
 const EditorControls = ({ className = '', onEditClick = () => {}, isEditActive = false }) => {
     const { videoIsPlaying } = useVideoEditorStore();
@@ -40,9 +40,9 @@ const EditorControls = ({ className = '', onEditClick = () => {}, isEditActive =
          <span className="text-sm font-medium ">9:16</span>
       </Button> */}
 
-            {/* <Button variant="ghost" size="icon" className="h-12 w-12 rounded-full border shadow-sm">
+            <Button variant="outline" size="icon" className="h-12 w-12 rounded-full border shadow-sm">
                 <Type className="h-8 w-8" />
-            </Button> */}
+            </Button>
 
             <Button
                 id="edit"

resources/js/stores/MediaStore.js

@@ -18,6 +18,7 @@ const useMediaStore = create(
         selectedMeme: null,
         selectedBackground: null,
         currentCaption: 'I am chicken rice',
+        watermarked: true,
 
         setCurrentTab: (tab) => {
             set({ currentTab: tab });