diff --git a/client/src/app/pages/issues/issue-detail-drawer/path-display.tsx b/client/src/app/pages/issues/issue-detail-drawer/path-display.tsx index 67e43a2b89..e12ef2ab9a 100644 --- a/client/src/app/pages/issues/issue-detail-drawer/path-display.tsx +++ b/client/src/app/pages/issues/issue-detail-drawer/path-display.tsx @@ -5,7 +5,10 @@ interface PathDisplayProps { } const PathDisplay: React.FC = ({ path }) => { - const formattedPath = path + // Normalize path to use a single type of separator ("/" in this case) + // The regex /[\\/]/ matches both "/" and "\" characters. + const normalizedPath = path.replace(/\\/g, "/"); + const formattedPath = normalizedPath .split("/") .reduce((acc, segment, index, array) => { acc.push(segment); @@ -16,7 +19,7 @@ const PathDisplay: React.FC = ({ path }) => { return acc; }, []); - return {formattedPath}; + return <>{formattedPath}; }; export default PathDisplay;