diff --git a/app/views/WorkspaceView/ServerAvatar.tsx b/app/views/WorkspaceView/ServerAvatar.tsx index 4fbd96b3a..5234878fe 100644 --- a/app/views/WorkspaceView/ServerAvatar.tsx +++ b/app/views/WorkspaceView/ServerAvatar.tsx @@ -1,16 +1,11 @@ import React from 'react'; -import { StyleSheet, Text, View } from 'react-native'; -import { createImageProgress } from 'react-native-image-progress'; -import * as Progress from 'react-native-progress'; +import { StyleSheet, View } from 'react-native'; import FastImage from 'react-native-fast-image'; -import sharedStyles from '../Styles'; import { themes } from '../../lib/constants'; import { isTablet } from '../../lib/methods/helpers'; import { TSupportedThemes } from '../../theme'; -const ImageProgress = createImageProgress(FastImage); - const SIZE = 96; const MARGIN_TOP = isTablet ? 0 : 64; const BORDER_RADIUS = 8; @@ -27,50 +22,20 @@ const styles = StyleSheet.create({ width: SIZE, height: SIZE, borderRadius: BORDER_RADIUS - }, - fallback: { - width: SIZE, - height: SIZE, - borderRadius: BORDER_RADIUS, - alignItems: 'center', - justifyContent: 'center' - }, - initial: { - ...sharedStyles.textBold, - fontSize: 42 } }); -const getInitial = (url: string) => url && url.replace(/http(s?):\/\//, '').slice(0, 1); - -interface IFallback { - theme: TSupportedThemes; - initial: string; -} -const Fallback = ({ theme, initial }: IFallback) => ( - - {initial} - -); - interface IServerAvatar { theme: TSupportedThemes; url: string; image: string; } + +// TODO: missing skeleton const ServerAvatar = React.memo(({ theme, url, image }: IServerAvatar) => ( {image && ( - } - /> + )} ));