From c033cfc9a6f966ea1c5924b6a5f729b14f530e5d Mon Sep 17 00:00:00 2001
From: "Ibrahima G. Coulibaly" <ibracool99@gmail.com>
Date: Sat, 26 Apr 2025 18:25:52 +0100
Subject: [PATCH] fix: add mkv to supported videos

---
 .idea/workspace.xml                      | 11 ++++++++---
 src/components/input/ToolVideoInput.tsx  |  6 ++++--
 src/pages/tools/video/compress/index.tsx |  1 -
 src/pages/tools/video/loop/index.tsx     |  8 +-------
 src/pages/tools/video/rotate/index.tsx   |  1 -
 src/pages/tools/video/trim/index.tsx     |  1 -
 6 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 0e86a3c..68904c0 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,10 +4,13 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="chore: readme img and fix broken link">
+    <list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="ci: on tag push, push docker images">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/Hero.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Hero.tsx" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/pages/tools-by-category/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools-by-category/index.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/input/ToolVideoInput.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/input/ToolVideoInput.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/pages/tools/video/compress/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools/video/compress/index.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/pages/tools/video/loop/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools/video/loop/index.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/pages/tools/video/rotate/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools/video/rotate/index.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/pages/tools/video/trim/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools/video/trim/index.tsx" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -412,6 +415,8 @@
       <workItem from="1743699386059" duration="11195000" />
       <workItem from="1743782726563" duration="2444000" />
       <workItem from="1743811558991" duration="1279000" />
+      <workItem from="1745523972292" duration="3000" />
+      <workItem from="1745687713234" duration="591000" />
     </task>
     <task id="LOCAL-00144" summary="feat: stringify json">
       <option name="closed" value="true" />
diff --git a/src/components/input/ToolVideoInput.tsx b/src/components/input/ToolVideoInput.tsx
index e1b0136..01a1d7a 100644
--- a/src/components/input/ToolVideoInput.tsx
+++ b/src/components/input/ToolVideoInput.tsx
@@ -5,11 +5,12 @@ import 'rc-slider/assets/index.css';
 import BaseFileInput from './BaseFileInput';
 import { BaseFileInputProps, formatTime } from './file-input-utils';
 
-interface VideoFileInputProps extends BaseFileInputProps {
+interface VideoFileInputProps extends Omit<BaseFileInputProps, 'accept'> {
   showTrimControls?: boolean;
   onTrimChange?: (trimStart: number, trimEnd: number) => void;
   trimStart?: number;
   trimEnd?: number;
+  accept?: string[];
 }
 
 export default function ToolVideoInput({
@@ -17,6 +18,7 @@ export default function ToolVideoInput({
   onTrimChange,
   trimStart = 0,
   trimEnd = 100,
+  accept = ['video/*', '.mkv'],
   ...props
 }: VideoFileInputProps) {
   const videoRef = useRef<HTMLVideoElement>(null);
@@ -38,7 +40,7 @@ export default function ToolVideoInput({
   };
 
   return (
-    <BaseFileInput {...props} type={'video'}>
+    <BaseFileInput {...props} type={'video'} accept={accept}>
       {({ preview }) => (
         <Box
           sx={{
diff --git a/src/pages/tools/video/compress/index.tsx b/src/pages/tools/video/compress/index.tsx
index 7fa71e3..3bf7327 100644
--- a/src/pages/tools/video/compress/index.tsx
+++ b/src/pages/tools/video/compress/index.tsx
@@ -160,7 +160,6 @@ export default function CompressVideo({ title }: ToolComponentProps) {
         <ToolVideoInput
           value={input}
           onChange={setInput}
-          accept={['video/mp4', 'video/webm', 'video/ogg']}
           title={'Input Video'}
         />
       }
diff --git a/src/pages/tools/video/loop/index.tsx b/src/pages/tools/video/loop/index.tsx
index 6b394dd..5907ff9 100644
--- a/src/pages/tools/video/loop/index.tsx
+++ b/src/pages/tools/video/loop/index.tsx
@@ -61,13 +61,7 @@ export default function Loop({ title, longDescription }: ToolComponentProps) {
     <ToolContent
       title={title}
       input={input}
-      inputComponent={
-        <ToolVideoInput
-          value={input}
-          onChange={setInput}
-          accept={['video/*']}
-        />
-      }
+      inputComponent={<ToolVideoInput value={input} onChange={setInput} />}
       resultComponent={
         loading ? (
           <ToolFileResult
diff --git a/src/pages/tools/video/rotate/index.tsx b/src/pages/tools/video/rotate/index.tsx
index 40a7b70..bd8bc3f 100644
--- a/src/pages/tools/video/rotate/index.tsx
+++ b/src/pages/tools/video/rotate/index.tsx
@@ -81,7 +81,6 @@ export default function RotateVideo({ title }: ToolComponentProps) {
         <ToolVideoInput
           value={input}
           onChange={setInput}
-          accept={['video/mp4', 'video/webm', 'video/ogg']}
           title={'Input Video'}
         />
       }
diff --git a/src/pages/tools/video/trim/index.tsx b/src/pages/tools/video/trim/index.tsx
index c68f2d0..8e31f13 100644
--- a/src/pages/tools/video/trim/index.tsx
+++ b/src/pages/tools/video/trim/index.tsx
@@ -116,7 +116,6 @@ export default function TrimVideo({ title }: ToolComponentProps) {
           <ToolVideoInput
             value={input}
             onChange={setInput}
-            accept={['video/mp4', 'video/webm', 'video/ogg']}
             title={'Input Video'}
             showTrimControls={true}
             onTrimChange={(trimStart, trimEnd) => {