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 && (
- }
- />
+
)}
));