X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=inline;f=resources%2Fjs%2Fcomponents%2Ftechniques%2FDialog.js;fp=resources%2Fjs%2Fcomponents%2Ftechniques%2FDialog.js;h=96eaba5bea842bf2d8155927b7739084caf972d1;hb=7c6716036321ba09846785720e81459aad55a323;hp=0000000000000000000000000000000000000000;hpb=9aca4f1a99af65dc988d2f66e122e25456a4efd9;p=alttp.git

diff --git a/resources/js/components/techniques/Dialog.js b/resources/js/components/techniques/Dialog.js
new file mode 100644
index 0000000..96eaba5
--- /dev/null
+++ b/resources/js/components/techniques/Dialog.js
@@ -0,0 +1,45 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Modal } from 'react-bootstrap';
+import { useTranslation } from 'react-i18next';
+
+import Form from './Form';
+import LanguageSwitcher from '../app/LanguageSwitcher';
+
+const Dialog = ({
+	content,
+	language,
+	onHide,
+	onSubmit,
+	show,
+}) => {
+	const { t } = useTranslation();
+
+	return <Modal onHide={onHide} show={show} size="lg">
+		<Modal.Header closeButton>
+			<Modal.Title>
+				{t('content.edit')}
+			</Modal.Title>
+			<div className="mx-3">
+				<LanguageSwitcher />
+			</div>
+		</Modal.Header>
+		<Form
+			content={content}
+			language={language}
+			onCancel={onHide}
+			onSubmit={onSubmit}
+		/>
+	</Modal>;
+};
+
+Dialog.propTypes = {
+	content: PropTypes.shape({
+	}),
+	language: PropTypes.string,
+	onHide: PropTypes.func,
+	onSubmit: PropTypes.func,
+	show: PropTypes.bool,
+};
+
+export default Dialog;