From 62a427b7a7e2f25fcc5bc38c096d7a066ba8506d Mon Sep 17 00:00:00 2001
From: Paul Makles <paulmakles@gmail.com>
Date: Fri, 15 Jul 2022 16:41:02 +0100
Subject: [PATCH] feat: add separator to recovery codes when copying

---
 src/controllers/modals/components/MFARecovery.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/controllers/modals/components/MFARecovery.tsx b/src/controllers/modals/components/MFARecovery.tsx
index 33a11809..b7bcf8de 100644
--- a/src/controllers/modals/components/MFARecovery.tsx
+++ b/src/controllers/modals/components/MFARecovery.tsx
@@ -23,6 +23,11 @@ const List = styled.div`
     span {
         user-select: text;
     }
+
+    i {
+        opacity: 0;
+        position: absolute;
+    }
 `;
 
 /**
@@ -73,8 +78,10 @@ export default function MFARecovery({
             onClose={onClose}
             signal={signal}>
             <List>
-                {known.map((code) => (
-                    <span key={code}>{code}</span>
+                {known.map((code, index) => (
+                    <span key={code}>
+                        {code} {index !== known.length && <i>{","}</i>}
+                    </span>
                 ))}
             </List>
         </Modal>