Merge branch 'main' into tools-filtering

src/pages/tools/string/uppercase/index.tsx

@@ -5,6 +5,7 @@ import { UppercaseInput } from './service';
 import { CardExampleType } from '@components/examples/ToolExamples';
 import { ToolComponentProps } from '@tools/defineTool';
 import ToolContent from '@components/ToolContent';
+import { useTranslation } from 'react-i18next';
 
 const initialValues = {};
 
@@ -35,6 +36,7 @@ const exampleCards: CardExampleType<typeof initialValues>[] = [
 ];
 
 export default function Uppercase({ title }: ToolComponentProps) {
+  const { t } = useTranslation('string');
   const [input, setInput] = useState<string>('');
   const [result, setResult] = useState<string>('');
 
@@ -53,9 +55,15 @@ export default function Uppercase({ title }: ToolComponentProps) {
       compute={computeExternal}
       input={input}
       setInput={setInput}
-      inputComponent={<ToolTextInput value={input} onChange={setInput} />}
+      inputComponent={
+        <ToolTextInput
+          title={t('uppercase.inputTitle')}
+          value={input}
+          onChange={setInput}
+        />
+      }
       resultComponent={
-        <ToolTextResult title={'Uppercase text'} value={result} />
+        <ToolTextResult title={t('uppercase.resultTitle')} value={result} />
       }
       exampleCards={exampleCards}
     />

src/pages/tools/string/uppercase/meta.ts

@@ -2,13 +2,15 @@ import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
 
 export const tool = defineTool('string', {
-  name: 'Uppercase',
   path: 'uppercase',
-  icon: 'material-symbols-light:text-fields',
-  description:
-    "World's simplest browser-based utility for converting text to uppercase. Just input your text and it will be automatically converted to all capital letters. Perfect for creating headlines, emphasizing text, or standardizing text format. Supports various text formats and preserves special characters.",
-  shortDescription: 'Convert text to uppercase letters',
+  icon: 'material-symbols-light:format-textdirection-l-to-r',
+
   keywords: ['uppercase'],
-  userTypes: ['General Users', 'Students'],
-  component: lazy(() => import('./index'))
+  component: lazy(() => import('./index')),
+  i18n: {
+    name: 'string:uppercase.title',
+    description: 'string:uppercase.description',
+    shortDescription: 'string:uppercase.shortDescription',
+    userTypes: ['General Users', 'Students', 'Developers']
+  }
 });