Update

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, GraduationCap, Play, Share2, Square } from 'lucide-react';
 
 const EditorControls = ({ className = '', onEditClick = () => {}, isEditActive = false }) => {
     const { videoIsPlaying } = useVideoEditorStore();
@@ -40,10 +40,6 @@ const EditorControls = ({ className = '', onEditClick = () => {}, isEditActive =
          <span className="text-sm font-medium ">9:16</span>
       </Button> */}
 
-            {/* <Button variant="outline" size="icon" className="h-12 w-12 rounded-full border shadow-sm">
-                <Type className="h-8 w-8" />
-            </Button> */}
-
             <Button
                 id="edit"
                 variant={isEditActive ? 'outline' : 'outline'}
@@ -57,6 +53,14 @@ const EditorControls = ({ className = '', onEditClick = () => {}, isEditActive =
             <Button variant="outline" size="icon" className="h-12 w-12 rounded-full border shadow-sm">
                 <Download className="h-8 w-8" />
             </Button>
+
+            <Button variant="outline" size="icon" className="h-12 w-12 rounded-full border shadow-sm">
+                <Share2 className="h-8 w-8" />
+            </Button>
+
+            <Button variant="outline" size="icon" className="h-12 w-12 rounded-full border shadow-sm">
+                <GraduationCap className="h-8 w-8" />
+            </Button>
         </div>
     );
 };