diff --git a/src/components/video-editor/AnnotationOverlay.tsx b/src/components/video-editor/AnnotationOverlay.tsx index 3260a542..d413fa07 100644 --- a/src/components/video-editor/AnnotationOverlay.tsx +++ b/src/components/video-editor/AnnotationOverlay.tsx @@ -111,6 +111,17 @@ export function AnnotationOverlay({ ); + case "blur": + return ( +
+ ); default: return null; } diff --git a/src/components/video-editor/AnnotationSettingsPanel.tsx b/src/components/video-editor/AnnotationSettingsPanel.tsx index 2cddf970..50aabdb5 100644 --- a/src/components/video-editor/AnnotationSettingsPanel.tsx +++ b/src/components/video-editor/AnnotationSettingsPanel.tsx @@ -1,7 +1,7 @@ import { useRef, useState, useEffect, useMemo } from "react"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Button } from "@/components/ui/button"; -import { Trash2, Type, Image as ImageIcon, Upload, Bold, Italic, Underline, AlignLeft, AlignCenter, AlignRight, ChevronDown, Info } from "lucide-react"; +import { Trash2, Type, Image as ImageIcon, Upload, Bold, Italic, Underline, AlignLeft, AlignCenter, AlignRight, ChevronDown, Info, SquareDashed } from "lucide-react"; import { toast } from "sonner"; import Block from '@uiw/react-color-block'; import type { AnnotationRegion, AnnotationType, ArrowDirection, FigureData } from "./types"; @@ -128,7 +128,7 @@ export function AnnotationSettingsPanel({ {/* Type Selector */} onTypeChange(value as AnnotationType)} className="mb-6"> - + {t('annotations.text')} @@ -143,6 +143,10 @@ export function AnnotationSettingsPanel({ {t('annotations.arrow')} + + + {t('annotations.blur')} + {/* Text Content */} @@ -499,6 +503,18 @@ export function AnnotationSettingsPanel({
+ + +
+
+ +
+

{t('annotations.blur')}

+

+ Resize and reposition the box on the video to blur sensitive information. +

+
+