diff --git a/portal-ui/src/common/utils.ts b/portal-ui/src/common/utils.ts index a253cf108..1d463b380 100644 --- a/portal-ui/src/common/utils.ts +++ b/portal-ui/src/common/utils.ts @@ -712,3 +712,9 @@ export const getRandomString = function (length = 16): string { } return retval; }; + +// replaces bad unicode characters +export const replaceUnicodeChar = (inputString: string): string => { + let unicodeChar = "\u202E"; + return inputString.split(unicodeChar).join("<�202e>"); +}; diff --git a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/IconWithLabel.tsx b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/IconWithLabel.tsx index c334d5545..34e7b4dff 100644 --- a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/IconWithLabel.tsx +++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/IconWithLabel.tsx @@ -2,6 +2,7 @@ import React from "react"; import createStyles from "@mui/styles/createStyles"; import withStyles from "@mui/styles/withStyles"; import { Theme } from "@mui/material/styles"; +import { replaceUnicodeChar } from "../../../../../../common/utils"; interface IIconWithLabel { classes: any; @@ -34,7 +35,7 @@ const IconWithLabel = ({ classes, icon, strings }: IIconWithLabel) => {
{icon} - {strings[strings.length - 1]} + {replaceUnicodeChar(strings[strings.length - 1])}
);