diff --git a/client/modules/IDE/components/FileNode.jsx b/client/modules/IDE/components/FileNode.jsx
index 7bfaa5de..4e54460b 100644
--- a/client/modules/IDE/components/FileNode.jsx
+++ b/client/modules/IDE/components/FileNode.jsx
@@ -10,39 +10,53 @@ import FolderRightIcon from '../../../images/triangle-arrow-right.svg';
import FolderDownIcon from '../../../images/triangle-arrow-down.svg';
import FileIcon from '../../../images/file.svg';
-function FileName({ name }) {
+function parseFileName(name) {
const nameArray = name.split('.');
if (nameArray.length > 1) {
const extension = `.${nameArray[nameArray.length - 1]}`;
- const fileName = nameArray.slice(0, -1).join('');
- const firstLetter = fileName[0];
- const lastLetter = fileName[fileName.length - 1];
- const middleText = fileName.slice(1, -1);
- return (
-
- {firstLetter}
- {fileName.length > 2 &&
- {middleText}
- }
- {fileName.length > 1 &&
- {lastLetter}
- }
- {extension}
-
- );
+ const baseName = nameArray.slice(0, -1).join('');
+ const firstLetter = baseName[0];
+ const lastLetter = baseName[baseName.length - 1];
+ const middleText = baseName.slice(1, -1);
+ return {
+ baseName,
+ firstLetter,
+ lastLetter,
+ middleText,
+ extension
+ };
}
const firstLetter = name[0];
const lastLetter = name[name.length - 1];
const middleText = name.slice(1, -1);
+ return {
+ baseName: name,
+ firstLetter,
+ lastLetter,
+ middleText
+ };
+}
+
+function FileName({ name }) {
+ const {
+ baseName,
+ firstLetter,
+ lastLetter,
+ middleText,
+ extension
+ } = parseFileName(name);
return (
{firstLetter}
- {name.length > 2 &&
+ {baseName.length > 2 &&
{middleText}
}
- {name.length > 1 &&
+ {baseName.length > 1 &&
{lastLetter}
}
+ {extension &&
+ {extension}
+ }
);
}