10cbd31801
* MM-64415 Attachment style updated for draft and Edit post screen * Minor * constants * Addressed Review comments * UX review comments * Error state changes * Fix the style issue for retry state on the attachment * Fix some styling * Fix the space extra char issue in post
45 lines
1 KiB
TypeScript
45 lines
1 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React from 'react';
|
|
import {StyleSheet} from 'react-native';
|
|
|
|
import CompassIcon from '@components/compass_icon';
|
|
import TouchableWithFeedback from '@components/touchable_with_feedback';
|
|
|
|
type Props = {
|
|
onPress: () => void;
|
|
}
|
|
|
|
const style = StyleSheet.create({
|
|
failed: {
|
|
backgroundColor: 'rgba(0, 0, 0, 0.8)',
|
|
position: 'absolute',
|
|
left: 0,
|
|
right: 0,
|
|
top: 0,
|
|
bottom: 0,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
borderRadius: 4,
|
|
},
|
|
});
|
|
|
|
export default function UploadRetry({
|
|
onPress,
|
|
}: Props) {
|
|
return (
|
|
<TouchableWithFeedback
|
|
style={style.failed}
|
|
onPress={onPress}
|
|
type='opacity'
|
|
testID='retry-button'
|
|
>
|
|
<CompassIcon
|
|
name='refresh'
|
|
size={25}
|
|
color='#fff'
|
|
/>
|
|
</TouchableWithFeedback>
|
|
);
|
|
}
|