optimized

Author: dewanshDT

client/modules/IDE/components/FileNode.jsx

@@ -51,11 +51,7 @@ function FileName({ name }) {
     <span className="sidebar__file-item-name-text">
       <span>{firstLetter}</span>
       {baseName.length > 2 && (
-        <span className="sidebar__file-item-name--ellipsis">
-          {middleText.charAt(0) === ' ' && <>&nbsp;</>}
-          {middleText.trim()}
-          {middleText.charAt(middleText.length - 1) === ' ' && <>&nbsp;</>}
-        </span>
+        <span className="sidebar__file-item-name--ellipsis">{middleText}</span>
       )}
       {baseName.length > 1 && <span>{lastLetter}</span>}
       {extension && <span>{extension}</span>}

client/styles/components/_sidebar.scss

@@ -115,6 +115,7 @@
   white-space: nowrap;
   text-overflow: ellipsis;
   min-width: #{7 / $base-font-size}rem;
+  white-space: pre;
 }
 
 .sidebar__file-item-name-text {