* Channel list drawer * Get channels by category * Fix and connect websocket * Fix Select first team using the team members * create loadMe and fix login actions to loads the teams * Add android back button handler for the channel drawer * Channel drawer styling and functionality * Mark channel as viewed and fixed reset unread counts * Unread above/below indicators * Improve performance replacing ScrollView with ListView * Fix unread indicators * Addressing review feedback
53 lines
1.9 KiB
JavaScript
53 lines
1.9 KiB
JavaScript
// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
|
|
// See License.txt for license information.
|
|
|
|
import React from 'react';
|
|
import Svg, {
|
|
Ellipse,
|
|
G,
|
|
Path
|
|
} from 'react-native-svg';
|
|
|
|
export default class OnlineStatus extends React.Component {
|
|
static propTypes = {
|
|
width: React.PropTypes.number.isRequired,
|
|
height: React.PropTypes.number.isRequired,
|
|
color: React.PropTypes.string.isRequired
|
|
};
|
|
|
|
render() {
|
|
return (
|
|
<Svg
|
|
width={this.props.width}
|
|
height={this.props.height}
|
|
viewBox='-243 245 12 12'
|
|
>
|
|
<G>
|
|
<Path
|
|
d='M-236,250.5C-236,250.5-236,250.5-236,250.5C-236,250.5-236,250.5-236,250.5C-236,250.5-236,250.5-236,250.5z'
|
|
fill={this.props.color}
|
|
/>
|
|
<Ellipse
|
|
cx='-238.5'
|
|
cy='248'
|
|
rx='2.5'
|
|
ry='2.5'
|
|
fill={this.props.color}
|
|
/>
|
|
</G>
|
|
<Path
|
|
d='M-238.9,253.8c0-0.4,0.1-0.9,0.2-1.3c-2.2-0.2-2.2-2-2.2-2s-1,0.1-1.2,0.5c-0.4,0.6-0.6,1.7-0.7,2.5c0,0.1-0.1,0.5,0,0.6 c0.2,1.3,2.2,2.3,4.4,2.4c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0C-238.7,255.7-238.9,254.8-238.9,253.8z'
|
|
fill={this.props.color}
|
|
/>
|
|
<G>
|
|
<G>
|
|
<Path
|
|
d='M-232.3,250.1l1.3,1.3c0,0,0,0.1,0,0.1l-4.1,4.1c0,0,0,0-0.1,0c0,0,0,0,0,0l-2.7-2.7c0,0,0-0.1,0-0.1l1.2-1.2 c0,0,0.1,0,0.1,0l1.4,1.4l2.9-2.9C-232.4,250.1-232.3,250.1-232.3,250.1z'
|
|
fill={this.props.color}
|
|
/>
|
|
</G>
|
|
</G>
|
|
</Svg>
|
|
);
|
|
}
|
|
}
|