diff --git a/src/pages/tools/string/hidden-character-detector/index.tsx b/src/pages/tools/string/hidden-character-detector/index.tsx index 5db12b3..c8fd10f 100644 --- a/src/pages/tools/string/hidden-character-detector/index.tsx +++ b/src/pages/tools/string/hidden-character-detector/index.tsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { Box, Typography, Alert, Paper } from '@mui/material'; +import { Alert, Box, Paper, Typography } from '@mui/material'; import { useTranslation } from 'react-i18next'; import ToolContent from '@components/ToolContent'; import { ToolComponentProps } from '@tools/defineTool'; @@ -7,7 +7,6 @@ import { InitialValuesType } from './types'; import { analyzeHiddenCharacters } from './service'; import ToolTextInput from '@components/input/ToolTextInput'; import ToolTextResult from '@components/result/ToolTextResult'; -import { GetGroupsType } from '@components/options/ToolOptions'; const initialValues: InitialValuesType = { showUnicodeCodes: true, @@ -33,41 +32,35 @@ export default function HiddenCharacterDetector({ setAnalysis(analysisResult); if (analysisResult.totalHiddenChars === 0) { - setResult(t('string:hiddenCharacterDetector.noHiddenChars')); + setResult(t('hiddenCharacterDetector.noHiddenChars')); } else { - let output = t('string:hiddenCharacterDetector.foundChars', { + let output = t('hiddenCharacterDetector.foundChars', { count: analysisResult.totalHiddenChars }); analysisResult.hiddenCharacters.forEach((char: any) => { - output += `${t('string:hiddenCharacterDetector.position')} ${ + output += `${t('hiddenCharacterDetector.position')} ${ char.position }: ${char.name} (${char.unicode})\n`; if (values.showUnicodeCodes) { - output += ` ${t('string:hiddenCharacterDetector.unicode')}: ${ + output += ` ${t('hiddenCharacterDetector.unicode')}: ${ char.unicode }\n`; } - output += ` ${t('string:hiddenCharacterDetector.category')}: ${ + output += ` ${t('hiddenCharacterDetector.category')}: ${ char.category }\n`; if (char.isRTL) - output += ` ⚠️ ${t( - 'string:hiddenCharacterDetector.rtlOverride' - )}\n`; + output += ` ⚠️ ${t('hiddenCharacterDetector.rtlOverride')}\n`; if (char.isInvisible) - output += ` 👁️ ${t( - 'string:hiddenCharacterDetector.invisibleChar' - )}\n`; + output += ` 👁️ ${t('hiddenCharacterDetector.invisibleChar')}\n`; if (char.isZeroWidth) - output += ` 📏 ${t( - 'string:hiddenCharacterDetector.zeroWidthChar' - )}\n`; + output += ` 📏 ${t('hiddenCharacterDetector.zeroWidthChar')}\n`; output += '\n'; }); if (analysisResult.hasRTLOverride) { - output += `⚠️ ${t('string:hiddenCharacterDetector.rtlWarning')}\n`; + output += `⚠️ ${t('hiddenCharacterDetector.rtlWarning')}\n`; } setResult(output); @@ -77,22 +70,6 @@ export default function HiddenCharacterDetector({ } }; - const getGroups: GetGroupsType = ({ - values, - updateField - }) => [ - { - title: t('string:hiddenCharacterDetector.analysisOptions'), - component: ( - - - {t('string:hiddenCharacterDetector.optionsDescription')} - - - ) - } - ]; - return ( {analysis && analysis.hasRTLOverride && ( - {t('string:hiddenCharacterDetector.rtlAlert')} + {t('hiddenCharacterDetector.rtlAlert')} )} {analysis && analysis.totalHiddenChars > 0 && ( - {t('string:hiddenCharacterDetector.summary')} + {t('hiddenCharacterDetector.summary')} - {t('string:hiddenCharacterDetector.totalChars', { + {t('hiddenCharacterDetector.totalChars', { count: analysis.totalHiddenChars })} {analysis.hasRTLOverride && - ` • ${t('string:hiddenCharacterDetector.rtlFound')}`} + ` • ${t('hiddenCharacterDetector.rtlFound')}`} {analysis.hasInvisibleChars && - ` • ${t('string:hiddenCharacterDetector.invisibleFound')}`} + ` • ${t('hiddenCharacterDetector.invisibleFound')}`} {analysis.hasZeroWidthChars && - ` • ${t('string:hiddenCharacterDetector.zeroWidthFound')}`} + ` • ${t('hiddenCharacterDetector.zeroWidthFound')}`} )} @@ -133,7 +110,7 @@ export default function HiddenCharacterDetector({ } resultComponent={} initialValues={initialValues} - getGroups={getGroups} + getGroups={null} compute={compute} input={input} setInput={setInput} diff --git a/src/pages/tools/string/hidden-character-detector/meta.ts b/src/pages/tools/string/hidden-character-detector/meta.ts index 6a56609..83a39a6 100644 --- a/src/pages/tools/string/hidden-character-detector/meta.ts +++ b/src/pages/tools/string/hidden-character-detector/meta.ts @@ -6,7 +6,8 @@ export const tool = defineTool('string', { name: 'string:hiddenCharacterDetector.title', description: 'string:hiddenCharacterDetector.description', shortDescription: 'string:hiddenCharacterDetector.shortDescription', - longDescription: 'string:hiddenCharacterDetector.longDescription' + longDescription: 'string:hiddenCharacterDetector.longDescription', + userTypes: ['developers'] }, path: 'hidden-character-detector', icon: 'material-symbols:visibility-off', diff --git a/src/pages/tools/string/index.ts b/src/pages/tools/string/index.ts index 3bea002..1134b14 100644 --- a/src/pages/tools/string/index.ts +++ b/src/pages/tools/string/index.ts @@ -44,5 +44,6 @@ export const stringTools = [ stringCensor, stringPasswordGenerator, stringEncodeUrl, - StringDecodeUrl + StringDecodeUrl, + stringHiddenCharacterDetector ];