muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 11:06:40 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

TitleDialog: title dialog proto

Browse source
This commit is contained in:
muerwre 2019-03-15 17:29:30 +07:00
parent 9d093699dd
commit ea08ab8a5e
5 changed files with 76 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/dialogs/TitleDialog.tsx Normal file
View file

@ -0,0 +1,22 @@
import * as React from 'react';
import { bindActionCreators } from "redux";
import { connect } from 'react-redux';
interface ITitleDialogProps {
editing: boolean,
title?: string,
}
export const Component: React.FunctionComponent<ITitleDialogProps> = ({ editing, title }) => (
!editing && title &&
<div className="title-dialog">
<div className="title-dialog-pane title-dialog-name">
<h2>{title}</h2>
</div>
</div>
);
const mapStateToProps = ({ user: { editing, title } }) => ({ editing, title });
const mapDispatchToProps = dispatch => bindActionCreators({ }, dispatch);
export const TitleDialog = connect(mapStateToProps, mapDispatchToProps)(Component);

4
src/components/panels/UserPanel.tsx
View file

@ -14,6 +14,7 @@ import { CLIENT } from '$config/frontend';
import { DIALOGS } from '$constants/dialogs';
import { IRootState } from "$redux/user/reducer";
import { Tooltip } from "$components/panels/Tooltip";
import { TitleDialog } from "$components/dialogs/TitleDialog";
interface Props extends IRootState {
userLogout: typeof userLogout,
@ -64,8 +65,6 @@ export class Component extends React.PureComponent<Props, State> {
setMenuOpened = () => this.setState({ menuOpened: !this.state.menuOpened });
openMapsDialog = () => {
// this.props.setDialog(DIALOGS.MAP_LIST);
// this.props.setDialogActive(this.props.dialog !== DIALOGS.MAP_LIST);
this.props.openMapDialog('mine');
};
@ -96,6 +95,7 @@ export class Component extends React.PureComponent<Props, State> {
return (
<div>
<TitleDialog />
<div className="panel active panel-user">
<div className="user-panel">
{