save modal refactoring

2026-07-18 03:13:46 +00:00 · 2024-03-24 18:23:36 +01:00
parent 0560d5a0be
commit 839a14a95f
3 changed files with 70 additions and 59 deletions
@@ -0,0 +1,41 @@
+import {Button, InputGroup, Modal} from "react-bootstrap";
+import Form from "react-bootstrap/Form";
+import React from "react";
+
+export function SaveModal(props: {
+    showSaveModal: boolean,
+    handleSaveModalClose: () => void,
+    isPublic: boolean,
+    newCharacterUrl: string,
+    handleSaveModalCopyAndClose: () => Promise<void>
+}) {
+    const {
+        showSaveModal,
+        handleSaveModalCopyAndClose,
+        isPublic,
+        newCharacterUrl,
+        handleSaveModalClose
+    } = props;
+    return <Modal show={showSaveModal} onHide={handleSaveModalClose}>
+        <Modal.Header closeButton>
+            <Modal.Title>Karakter mentve!</Modal.Title>
+        </Modal.Header>
+        <Modal.Body>
+            <p>Karaktered az alábbi {isPublic ? 'publikus' : 'privát'} URLen érhető el.</p>
+            <p><a href={newCharacterUrl}>{newCharacterUrl}</a></p>
+            <InputGroup className="mb-3">
+                <Form.Control id="input" value={newCharacterUrl}/>
+                <Button variant={"outline-dark"} onClick={() => {
+                    let copyText = document.querySelector("#input") as any;
+                    copyText?.select()
+                    document.execCommand("copy");
+                }}>Másolás</Button>
+            </InputGroup>
+        </Modal.Body>
+        <Modal.Footer>
+            <Button variant="danger" onClick={handleSaveModalCopyAndClose}>
+                Másolás és bezárás
+            </Button>
+        </Modal.Footer>
+    </Modal>;
+}