From 3cfd5eb579eb2ebe93bbc6eb47e9cc7b788ef286 Mon Sep 17 00:00:00 2001
From: Arnaud <arnaud@status.im>
Date: Mon, 21 Oct 2024 16:46:53 +0200
Subject: [PATCH] Fix filename and extension when file name does not contains a
 dot

---
 src/components/Upload/UploadFile.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/Upload/UploadFile.tsx b/src/components/Upload/UploadFile.tsx
index d8ef528..7228b56 100644
--- a/src/components/Upload/UploadFile.tsx
+++ b/src/components/Upload/UploadFile.tsx
@@ -55,6 +55,17 @@ type Action =
       error: string;
     };
 
+const getFileInfo = function (filename: string) {
+  if (filename.includes(".")) {
+    const parts = filename.split(".");
+    const extension = parts.pop();
+    const name = parts.join(".");
+    return { filename: name, extension };
+  }
+
+  return { filename, extension: "" };
+};
+
 function reducer(state: State, action: Action) {
   switch (action.type) {
     case "progress": {
@@ -243,9 +254,7 @@ export function UploadFile({
     onClose(id);
   };
 
-  const parts = file.name.split(".");
-  const extension = parts.pop();
-  const filename = parts.join(".");
+  const { filename, extension } = getFileInfo(file.name);
   const { cid, error = "", preview, progress, status } = state;
   const onAction = state.status === "progress" ? onCancel : onInternalClose;
   const percent =
@@ -277,7 +286,7 @@ export function UploadFile({
                 })}
               >
                 <span className="uploadFile-filename">{filename}</span>
-                <span>.{extension}</span>
+                {extension && <span>.{extension}</span>}
               </b>
               <div>
                 <small>{PrettyBytes(file.size)}</small>