Merge branch 'main' into tools-filtering

src/pages/tools/video/flip/index.tsx

@@ -10,6 +10,7 @@ import ToolVideoInput from '@components/input/ToolVideoInput';
 import { flipVideo } from './service';
 import { FlipOrientation, InitialValuesType } from './types';
 import SimpleRadio from '@components/options/SimpleRadio';
+import { useTranslation } from 'react-i18next';
 
 export const initialValues: InitialValuesType = {
   orientation: 'horizontal'
@@ -30,6 +31,7 @@ const orientationOptions: { value: FlipOrientation; label: string }[] = [
 ];
 
 export default function FlipVideo({ title }: ToolComponentProps) {
+  const { t } = useTranslation('video');
   const [input, setInput] = useState<File | null>(null);
   const [result, setResult] = useState<File | null>(null);
   const [loading, setLoading] = useState(false);
@@ -58,13 +60,13 @@ export default function FlipVideo({ title }: ToolComponentProps) {
     updateField
   }) => [
     {
-      title: 'Orientation',
+      title: t('flip.orientation'),
       component: (
         <Box>
           {orientationOptions.map((orientationOption) => (
             <SimpleRadio
               key={orientationOption.value}
-              title={orientationOption.label}
+              title={t(`flip.${orientationOption.value}Label`)}
               checked={values.orientation === orientationOption.value}
               onClick={() => {
                 updateField('orientation', orientationOption.value);
@@ -84,20 +86,20 @@ export default function FlipVideo({ title }: ToolComponentProps) {
         <ToolVideoInput
           value={input}
           onChange={setInput}
-          title={'Input Video'}
+          title={t('flip.inputTitle')}
         />
       }
       resultComponent={
         loading ? (
           <ToolFileResult
-            title={'Flipping Video'}
+            title={t('flip.flippingVideo')}
             value={null}
             loading={true}
             extension={''}
           />
         ) : (
           <ToolFileResult
-            title={'Flipped Video'}
+            title={t('flip.resultTitle')}
             value={result}
             extension={'mp4'}
           />

src/pages/tools/video/flip/meta.ts

@@ -2,27 +2,15 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('video', {
-  name: 'Flip video',
   path: 'flip',
   icon: 'material-symbols:flip',
-  description:
-    'Flip video files horizontally or vertically. Mirror videos or create flipped content for creative purposes.',
-  shortDescription:
-    'Flip video files horizontally or vertically (MP4, MOV, AVI).',
-  keywords: [
-    'flip',
-    'video',
-    'mirror',
-    'horizontal',
-    'vertical',
-    'mp4',
-    'mov',
-    'avi',
-    'video editing',
-    'transform'
-  ],
-  longDescription:
-    'This tool allows you to flip video files horizontally or vertically. Useful for creating mirror effects, correcting incorrectly oriented videos, or creating creative content. Supports various video formats including MP4, MOV, and AVI.',
-  userTypes: ['General Users', 'Students', 'Developers'],
-  component: lazy(() => import('./index'))
+
+  keywords: ['video', 'flip', 'mirror', 'horizontal', 'vertical'],
+  component: lazy(() => import('./index')),
+  i18n: {
+    name: 'video:flip.title',
+    description: 'video:flip.description',
+    shortDescription: 'video:flip.shortDescription',
+    userTypes: ['General Users', 'Students', 'Developers']
+  }
 });