file drawer filename space issue fixed

[dewanshDT]

Fixes #2106

Changes:
I've made changes in the client/modules/IDE/components/FileNode.jsx file.

{middleText.charAt(middleText.length - 1) === ' ' && <span>&nbsp;</span>}

I've added this in FileName() function, as the html syntax was not detecting the space after the middle text which was causing the issue to occur, now it is fixed

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123

[welcome]

🎉 Thanks for opening this pull request! Please check out our contributing guidelines if you haven't already.

[dewanshDT]

I further optimized it for any other space related issues and simplified using React.Fragment instead of <span>

<span className="sidebar__file-item-name--ellipsis">
          {middleText.charAt(0) === ' ' && <>&nbsp;</>}
          {middleText.trim()}
          {middleText.charAt(middleText.length - 1) === ' ' && <>&nbsp;</>}
</span>

[lindapaiste]

I think there's a simpler solution here via CSS.

Changing .sidebar__file-item-name--ellipsis from white-space: nowrap; to white-space: pre; seems to do it.

[dewanshDT]

@lindapaiste Thanks! I updated it

[raclim]

Looks good to me!

[raclim]

This is great, thanks so much @dewanshDT and @lindapaiste!

[kjhollen]

Hooray, thank you!

[lindapaiste]

@raclim it’s great to see that you are reviewing PRs and this project is not dead! I have a bunch of stale PRs from July and August that are still sitting open. I stopped contributing after that because no one was looking at my contributions, but I would love to do more. Can you take a look at my open PRs? If I’m changing too much then maybe you can suggest what I should focus on. There’s quite a lot of old/outdated code which can easily be refactored so that’s mostly what I was doing.

[raclim]

Thanks @lindapaiste for checking in and bringing this up, I'll try to take a look and have notes for your PRs by sometime early next week! I really appreciate your efforts and understanding, and would love for this project to receive more of your insight :)