42 lines
1.0 KiB
JavaScript
42 lines
1.0 KiB
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import { Button } from 'antd';
|
|
import { Link } from 'react-router-dom';
|
|
|
|
const WikiView = props => {
|
|
const { editorEable, onEditor, uid, username, editorTime, desc } = props;
|
|
return (
|
|
<div className="wiki-view-content">
|
|
<div className="wiki-title">
|
|
<Button icon="edit" onClick={onEditor} disabled={!editorEable}>
|
|
编辑
|
|
</Button>
|
|
{username && (
|
|
<div className="wiki-user">
|
|
由{' '}
|
|
<Link className="user-name" to={`/user/profile/${uid || 11}`}>
|
|
{username}
|
|
</Link>{' '}
|
|
修改于 {editorTime}
|
|
</div>
|
|
)}
|
|
</div>
|
|
<div
|
|
className="tui-editor-contents"
|
|
dangerouslySetInnerHTML={{ __html: desc }}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
WikiView.propTypes = {
|
|
editorEable: PropTypes.bool,
|
|
onEditor: PropTypes.func,
|
|
uid: PropTypes.number,
|
|
username: PropTypes.string,
|
|
editorTime: PropTypes.string,
|
|
desc: PropTypes.string
|
|
};
|
|
|
|
export default WikiView;
|