d35eac8bd3
* Servers logout and websocket state * addNewServer uility and rename file * add LaunchType for add new server * added time to LaunchProps type * Remove unnecessary props for launchToHome * Fix local action updateLastPostAt * Batch fetchProfilesPerChannels requests in chunks of 50 * WS handleUserAddedToChannelEvent to return early if no channelId is set * WS handleNewPostEvent to batch update last_post_at * add common actions to sync other servers * Entry actions to sync other servers data * Do not attempt to fetch notification data if payload does not contain a channelId * Set database as default at the end of the login flow * Handle logout when other servers remain * Handle Server options * Show alert when logging out from the account screen * Add workaround to have Lottie animate the loading component * Fix badge position in ServerIcon component * Server screen to support adding new server * Fix login screen to display error when credentials do not match * add localization strings * fix DatabaseProvider to update on server switch * Fix home icon and server icon subscriptions and badge display * Add dependencies to onLogout callback * feedback * Only updateLastPostAt if needed
82 lines
2.3 KiB
TypeScript
82 lines
2.3 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React, {useMemo} from 'react';
|
|
import {StyleProp, StyleSheet, View, ViewStyle} from 'react-native';
|
|
|
|
import Badge from '@components/badge';
|
|
import CompassIcon from '@components/compass_icon';
|
|
import TouchableWithFeedback from '@components/touchable_with_feedback';
|
|
import {useTheme} from '@context/theme';
|
|
import {changeOpacity} from '@utils/theme';
|
|
|
|
type Props = {
|
|
badgeBackgroundColor?: string;
|
|
badgeBorderColor?: string;
|
|
badgeColor?: string;
|
|
badgeStyle?: StyleProp<ViewStyle>;
|
|
hasUnreads: boolean;
|
|
iconColor?: string;
|
|
mentionCount: number;
|
|
onPress?: () => void;
|
|
size?: number;
|
|
style?: StyleProp<ViewStyle>;
|
|
unreadStyle?: StyleProp<ViewStyle>;
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
badge: {
|
|
left: 13,
|
|
top: -8,
|
|
},
|
|
unread: {
|
|
left: 18,
|
|
top: -5,
|
|
},
|
|
});
|
|
|
|
export default function ServerIcon({
|
|
badgeBackgroundColor,
|
|
badgeBorderColor,
|
|
badgeColor,
|
|
badgeStyle,
|
|
hasUnreads,
|
|
iconColor,
|
|
mentionCount,
|
|
onPress,
|
|
size = 24,
|
|
style,
|
|
unreadStyle,
|
|
}: Props) {
|
|
const theme = useTheme();
|
|
const hasBadge = Boolean(mentionCount || hasUnreads);
|
|
const count = mentionCount || (hasUnreads ? -1 : 0);
|
|
const memoizedStyle = useMemo(() => {
|
|
return [(badgeStyle || styles.badge), count > -1 ? undefined : (unreadStyle || styles.unread)];
|
|
}, [badgeStyle, count, unreadStyle]);
|
|
|
|
return (
|
|
<View style={style}>
|
|
<TouchableWithFeedback
|
|
disabled={onPress === undefined}
|
|
onPress={onPress}
|
|
type='opacity'
|
|
>
|
|
<CompassIcon
|
|
size={size}
|
|
name='server-variant'
|
|
color={iconColor || changeOpacity(theme.sidebarHeaderTextColor, 0.56)}
|
|
/>
|
|
<Badge
|
|
borderColor={badgeBorderColor || theme.sidebarTeamBarBg}
|
|
backgroundColor={badgeBackgroundColor}
|
|
color={badgeColor}
|
|
visible={hasBadge}
|
|
style={memoizedStyle}
|
|
value={count}
|
|
/>
|
|
</TouchableWithFeedback>
|
|
</View>
|
|
);
|
|
}
|
|
|