bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Chats: allow toggle notification sounds from mobile

Browse source
This commit is contained in:
Alex Gleason 2020-09-18 00:28:54 -05:00
parent efe66d4301
commit 377506a92f
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/soapbox/features/chats/index.js
View file

@ -4,6 +4,7 @@ import Column from '../../components/column';
import ColumnHeader from '../../components/column_header';
import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
import ChatList from './components/chat_list';
import AudioToggle from 'soapbox/features/chats/components/audio_toggle';
const messages = defineMessages({
title: { id: 'column.chats', defaultMessage: 'Chats' },
@ -33,6 +34,7 @@ class ChatIndex extends React.PureComponent {
icon='comment'
title={intl.formatMessage(messages.title)}
/>
<div className='column__switch'><AudioToggle /></div>
<ChatList
onClickChat={this.handleClickChat}

12
app/styles/components/columns.scss
View file

@ -703,3 +703,15 @@
.column-link--transparent .icon-with-badge__badge {
border-color: var(--background-color);
}
.column__switch .audio-toggle {
position: absolute;
z-index: 4;
top: 12px;
right: 14px;
.react-toggle-track-check,
.react-toggle-track-x {
height: 16px;
}
}