This repository has been archived by the owner on Oct 4, 2023. It is now read-only.
/
ModalAbout.js
52 lines (48 loc) · 2.54 KB
/
ModalAbout.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
/*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React from 'react';
import { Divider, Header, Icon, Menu, Modal } from 'semantic-ui-react';
import * as ciceroPackageJson from '@accordproject/cicero-core/package.json';
import * as ergoPackageJson from '@accordproject/ergo-compiler/package.json';
const ciceroVersion = ciceroPackageJson.version;
const ergoVersion = ergoPackageJson.version;
const ModalAbout = () => (
<Modal trigger={<Menu.Item><Icon name="question" /> About</Menu.Item>}>
<Modal.Header>Accord Project · Template Studio</Modal.Header>
<Modal.Content>
<Modal.Description>
<Header>Welcome!</Header>
<p>This template studio lets you load, edit and test clause or contract templates built with the <a href="https://accordproject.org/" target="_blank" rel="noopener noreferrer">Accord Project</a> technology.</p>
<p>It is open-source and under active development. Contributions and bug reports are welcome on <a href="https://github.com/accordproject/template-studio" target="_blank" rel="noopener noreferrer">GitHub</a>.</p>
</Modal.Description>
<Divider />
<Modal.Description>
<Header>Getting started</Header>
<p>Search a template from the <a href="https://templates.accordproject.org" target="_blank" rel="noopener noreferrer">Accord Project template library</a> (Search box at the top)</p>
<p>Chose whether to edit the template <b>Text</b>, <b>Model</b>,
or <b>Logic</b> (Tab on the upper left)</p>
<p>Edit the <b>Sample</b> in the Text tab and inspect the corresponding <b>Contract Data</b></p>
<p>Edit the <b>Grammar</b> in the Text tab and see the corresponding <b>Sample</b></p>
<p>Edit the <b>Logic</b> in Ergo and trigger it by sending a <b>Request</b></p>
</Modal.Description>
<Divider />
<Modal.Description>
<Header>Version Information</Header>
<p>Cicero {ciceroVersion}</p>
<p>Ergo {ergoVersion}</p>
</Modal.Description>
</Modal.Content>
</Modal>
);
export default ModalAbout;