toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add opacity of 0.3 to circle stroke of offline status (#2233)

Browse source
This commit is contained in:
Saturnino Abril 2018-10-09 20:46:49 +08:00 committed by GitHub
parent 0f9fc5e5b2
commit 6b312df268
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 131 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
app/components/user_status/__snapshots__/user_status.test.js.snap Normal file
View file

@ -0,0 +1,69 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`UserStatus should match snapshot, away status 1`] = `
<Component
source={
Object {
"testUri": "../../../dist/assets/images/status/away.png",
}
}
style={
Object {
"height": 32,
"tintColor": "#ffbc42",
"width": 32,
}
}
/>
`;
exports[`UserStatus should match snapshot, dnd status 1`] = `
<Component
source={
Object {
"testUri": "../../../dist/assets/images/status/dnd.png",
}
}
style={
Object {
"height": 32,
"tintColor": "#f74343",
"width": 32,
}
}
/>
`;
exports[`UserStatus should match snapshot, online status 1`] = `
<Component
source={
Object {
"testUri": "../../../dist/assets/images/status/online.png",
}
}
style={
Object {
"height": 32,
"tintColor": "#06d6a0",
"width": 32,
}
}
/>
`;
exports[`UserStatus should match snapshot, should default to offline status 1`] = `
<Component
source={
Object {
"testUri": "../../../dist/assets/images/status/offline.png",
}
}
style={
Object {
"height": 32,
"tintColor": "rgba(61,60,64,0.3)",
"width": 32,
}
}
/>
`;

5
app/components/user_status/user_status.js
View file

@ -6,6 +6,9 @@ import {Image} from 'react-native';
import PropTypes from 'prop-types';
import {General} from 'mattermost-redux/constants';
import {changeOpacity} from 'app/utils/theme';
import away from 'assets/images/status/away.png';
import dnd from 'assets/images/status/dnd.png';
import offline from 'assets/images/status/offline.png';
@ -47,7 +50,7 @@ export default class UserStatus extends PureComponent {
iconColor = theme.onlineIndicator;
break;
default:
iconColor = theme.centerChannelColor;
iconColor = changeOpacity(theme.centerChannelColor, 0.3);
break;
}

58
app/components/user_status/user_status.test.js Normal file
View file

@ -0,0 +1,58 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
import {shallow} from 'enzyme';
import {General} from 'mattermost-redux/constants';
import Preferences from 'mattermost-redux/constants/preferences';
import UserStatus from './user_status';
describe('UserStatus', () => {
const baseProps = {
size: 32,
theme: Preferences.THEMES.default,
};
test('should match snapshot, should default to offline status', () => {
const wrapper = shallow(
<UserStatus {...baseProps}/>
);
expect(wrapper.getElement()).toMatchSnapshot();
});
test('should match snapshot, away status', () => {
const wrapper = shallow(
<UserStatus
{...baseProps}
status={General.AWAY}
/>
);
expect(wrapper.getElement()).toMatchSnapshot();
});
test('should match snapshot, dnd status', () => {
const wrapper = shallow(
<UserStatus
{...baseProps}
status={General.DND}
/>
);
expect(wrapper.getElement()).toMatchSnapshot();
});
test('should match snapshot, online status', () => {
const wrapper = shallow(
<UserStatus
{...baseProps}
status={General.ONLINE}
/>
);
expect(wrapper.getElement()).toMatchSnapshot();
});
});