random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Uodated popover components mobile design

Browse Source 
• Updated:
- popover components mobile design with cancel button at the bottom

• Added:
-CommentSortingOptionsPopover subtitles for options for more clarity
This commit is contained in:
mgabdev
2020-07-06 15:13:44 -05:00
parent 4fbd606a44
commit 7e3d4d009d
10 changed files with 216 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
app/javascript/gabsocial/components/popover/status_options_popover.js
View File

@@ -298,6 +298,10 @@ class StatusOptionsPopover extends ImmutablePureComponent {
}
document.body.removeChild(textarea);
this.handleClosePopover()
}
handleClosePopover = () => {
this.props.onClosePopover()
}
@@ -383,35 +387,10 @@ class StatusOptionsPopover extends ImmutablePureComponent {
title: intl.formatMessage(messages.report, { name: status.getIn(['account', 'username']) }),
onClick: this.handleReport,
})
if (withGroupAdmin) {
menu.push({
icon: 'trash',
hideArrow: true,
title: intl.formatMessage(messages.group_remove_account),
onClick: this.handleGroupRemoveAccount,
})
menu.push({
icon: 'trash',
hideArrow: true,
title: intl.formatMessage(messages.group_remove_post),
onClick: this.handleGroupRemovePost,
})
}
if (isStaff) {
menu.push({
title: intl.formatMessage(messages.admin_account, { name: status.getIn(['account', 'username']) }),
href: `/admin/accounts/${status.getIn(['account', 'id'])}`
})
menu.push({
title: intl.formatMessage(messages.admin_status),
href: `/admin/accounts/${status.getIn(['account', 'id'])}/statuses/${status.get('id')}`
})
}
}
}
menu.push(null)
menu.push({
icon: 'copy',
hideArrow: true,
@@ -431,8 +410,40 @@ class StatusOptionsPopover extends ImmutablePureComponent {
onClick: this.handleOnOpenEmbedModal,
})
if (withGroupAdmin) {
menu.push(null)
menu.push({
icon: 'trash',
hideArrow: true,
title: intl.formatMessage(messages.group_remove_account),
onClick: this.handleGroupRemoveAccount,
})
menu.push({
icon: 'trash',
hideArrow: true,
title: intl.formatMessage(messages.group_remove_post),
onClick: this.handleGroupRemovePost,
})
}
if (isStaff) {
menu.push(null)
menu.push({
title: intl.formatMessage(messages.admin_account, { name: status.getIn(['account', 'username']) }),
href: `/admin/accounts/${status.getIn(['account', 'id'])}`
})
menu.push({
title: intl.formatMessage(messages.admin_status),
href: `/admin/accounts/${status.getIn(['account', 'id'])}/statuses/${status.get('id')}`
})
}
return (
<PopoverLayout isXS={isXS}>
<PopoverLayout
isXS={isXS}
onClose={this.handleClosePopover}
>
<List
size='large'
scrollKey='profile_options'