changement de logique pour le partage du lien, cela devrait marcher sur Mac 🧪

cryptide_project/src/Pages/Lobby.tsx

@@ -179,6 +179,18 @@ function Lobby() {
             });
     };
 
+    const textAreaRef = useRef<HTMLTextAreaElement>(null);
+    const linkToCopy = "http://localhost:3000/lobby?room="+ room
+    const handleCopyClick = () => {
+        setShow(!show)
+        if(textAreaRef.current != null){
+            textAreaRef.current.select();
+            document.execCommand('copy');
+        }
+    };
+
+
+
     const [show, setShow] = useState(false);
         const target = useRef(null);
 
@@ -243,9 +255,19 @@ function Lobby() {
                         <h3>Bienvenue dans votre lobby !</h3>
                         <p>Attendez que tous vos amis rejoignent avant de lancer la partie.</p>
                         {/* Bouton pour copier le lien */}
-                    <Button variant="primary" ref={target} onClick={copyGameLink}>
+                        {/* <Button variant="primary" ref={target} onClick={copyGameLink}>
                             Inviter des amis
-                    </Button>
+                        </Button> */}
+                        <div>
+                            <textarea
+                                ref={textAreaRef}
+                                readOnly
+                                value={linkToCopy}
+                                style={{ position: 'absolute', left: '-9999px' }}
+                            />
+                            <Button onClick={handleCopyClick}>Inviter des amis</Button>
+                        </div>
+
                         <Overlay target={target.current} show={show} placement="top">
                             {({
                             placement: _placement,