You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.5 KiB
72 lines
1.5 KiB
7 years ago
|
import PropTypes from 'prop-types';
|
||
|
import React, { Component } from 'react';
|
||
|
import titleCase from 'Utilities/String/titleCase';
|
||
|
import FieldSet from 'Components/FieldSet';
|
||
|
import DescriptionList from 'Components/DescriptionList/DescriptionList';
|
||
|
import DescriptionListItem from 'Components/DescriptionList/DescriptionListItem';
|
||
|
|
||
|
class About extends Component {
|
||
|
|
||
|
//
|
||
|
// Render
|
||
|
|
||
|
render() {
|
||
|
const {
|
||
|
version,
|
||
|
isMonoRuntime,
|
||
|
runtimeVersion,
|
||
|
appData,
|
||
|
startupPath,
|
||
|
mode
|
||
|
} = this.props;
|
||
|
|
||
|
return (
|
||
|
<FieldSet
|
||
|
legend="About"
|
||
|
>
|
||
|
<DescriptionList>
|
||
|
<DescriptionListItem
|
||
|
title="Version"
|
||
|
data={version}
|
||
|
/>
|
||
|
|
||
|
{
|
||
|
isMonoRuntime &&
|
||
|
<DescriptionListItem
|
||
|
title="Mono Version"
|
||
|
data={runtimeVersion}
|
||
|
/>
|
||
|
}
|
||
|
|
||
|
<DescriptionListItem
|
||
|
title="AppData directory"
|
||
|
data={appData}
|
||
|
/>
|
||
|
|
||
|
<DescriptionListItem
|
||
|
title="Startup directory"
|
||
|
data={startupPath}
|
||
|
/>
|
||
|
|
||
|
<DescriptionListItem
|
||
|
title="Mode"
|
||
|
data={titleCase(mode)}
|
||
|
/>
|
||
|
</DescriptionList>
|
||
|
</FieldSet>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
}
|
||
|
|
||
|
About.propTypes = {
|
||
|
version: PropTypes.string,
|
||
|
isMonoRuntime: PropTypes.bool,
|
||
|
runtimeVersion: PropTypes.string,
|
||
|
appData: PropTypes.string,
|
||
|
startupPath: PropTypes.string,
|
||
|
mode: PropTypes.string
|
||
|
};
|
||
|
|
||
|
export default About;
|