added default user image for anonymous users

Author: aayushis12

src/gists/gistoptions.screen.js

@@ -16,9 +16,9 @@ const GistOptions = ({ onDelete, onCancel }) => (
 				<Text style={{ color: colors.red, fontSize: 18, fontStyle: '600' }}>Delete</Text>
 			</TouchableOpacity>
 			<TouchableOpacity
-				style={{ padding: '4%', fontStyle: '600' }}
+				style={{ padding: '4%' }}
 				onPress={onCancel}>
-				<Text style={{ color: colors.pictonBlue, fontSize: 18 }}>Cancel</Text>
+				<Text style={{ color: colors.pictonBlue, fontSize: 18, fontStyle: '600' }}>Cancel</Text>
 			</TouchableOpacity>
 		</View>
 	</View>

src/gists/gists.reducer.js

@@ -63,6 +63,7 @@ const setFavoriteValue = (state, { payload }) => {
 	return {
 		...state,
 		isStarred: value,
+		inProgress: false,
 	};
 };
 
@@ -103,5 +104,6 @@ export default {
 	),
 	initialFavoriteValue: createReducer({
 		[fetchInitialFavoriteValue.successType]: setFavoriteValue,
-	}, { isStarred: false }),
+		[fetchInitialFavoriteValue.progressType]: setInProgressState,
+	}, { isStarred: false, inProgress: false }),
 };

src/gists/gists.saga.js

@@ -94,6 +94,8 @@ function* fetchCommentsForGist(action) {
 function* starAGist(action) {
 	try {
 		const token = yield select(tokenSelector);
+
+		yield put(starGist.progress());
 		const status = yield call(requestStarGist, token, action.payload);
 
 		if (status === 204) {

src/gists/screens/components/GistDetailHeader.js

@@ -4,7 +4,7 @@ import isEmpty from 'lodash/isEmpty';
 import moment from 'moment';
 import fileSize from 'filesize';
 import { colors, normalizeFont } from '../../../config';
-// import defaultUserImage from '../../assets/default_user_image.png';
+import defaultUserImage from '../../../assets/default_user_image.png';
 
 const Container = styled.View`
 	display: flex;
@@ -46,7 +46,7 @@ export default GistDetailsHeader = ({
 }) => {
 	return (
 		<Container>
-			<Avatar source={userImage ? { uri: userImage } : ''} />
+			<Avatar source={userImage ? { uri: userImage } : defaultUserImage} />
 			<DetailsContainer>
 				<Title numberOfLines={2}>
 					{userName}

src/gists/screens/gistdetails.screen.js

@@ -71,12 +71,16 @@ class GistDetails extends React.Component {
 	renderToobarContent = () => {
 		return (
 			<ToolbarContentContainer>
-				<TouchableOpacity	onPress={this.handleActionButtonClick}>
-					<Icon
-						name={this.state.iconName}
-						size={20}
-					/>
-				</TouchableOpacity>
+				{!this.props.inProgress &&
+					(
+						<TouchableOpacity	onPress={this.handleActionButtonClick}>
+							<Icon
+								name={this.state.iconName}
+								size={20}
+							/>
+						</TouchableOpacity>
+					)
+				}
 				<Icon
 					name="globe"
 					size={20}
@@ -122,6 +126,9 @@ const mapDispatchToProps = dispatch => ({
 });
 
 const mapStateToProps = ({ initialFavoriteValue }) =>
-	({ isStarred: initialFavoriteValue.isStarred });
+	({
+		isStarred: initialFavoriteValue.isStarred,
+		inProgress: initialFavoriteValue.inProgress,
+	});
 
 export default connect(mapStateToProps, mapDispatchToProps)(GistDetails);