added unstar gist

Author: aayushis12

src/api/index.js

@@ -78,9 +78,14 @@ export const v3 = {
 	getDataFromPutRequest: async(url, accessToken) => {
 		const response = await v3.call(url, v3.parameters(accessToken, METHOD.PUT, ACCEPT.JSON));
 
+		return response.status;
+	},
+	performDeleteRequest: async(url, accessToken) => {
+		const response = await v3.call(url, v3.parameters(accessToken, METHOD.DELETE));
+
 		console.log('from api', response);
 
-		return response.data;
+		return response.status;
 	},
 };
 
@@ -122,3 +127,5 @@ export const requestGistComments = async(accessToken, gistId) => await v3.getJso
 export const requestStarGist = async(accessToken, gistId) => v3.getDataFromPutRequest(`/gists/${gistId}/star`, accessToken);
 
 export const checkStarredGistFavoriteValue = async(accessToken, gistId) => v3.getJson(`/gists/${gistId}/star`, accessToken);
+
+export const requestUnstarGist = async(accessToken, gistId) => v3.performDeleteRequest(`/gists/${gistId}/star`, accessToken);

src/gists/gists.actiontype.js

@@ -6,3 +6,4 @@ export const starredGistsFetch = createSagaActionSet('FETCH_USER_STARRED_GISTS')
 export const publicGistsFetch = createSagaActionSet('FETCH_PUBLIC_GISTS');
 export const starGist = createSagaActionSet('STAR_GIST');
 export const fetchInitialFavoriteValue = createSagaActionSet('INITIAL_FAVORITE_VALUE');
+export const UnstarGist = createSagaActionSet('UNSTAR_GIST');

src/gists/gists.reducer.js

@@ -57,10 +57,9 @@ const setGistComments = (state, { payload }) => {
 	};
 };
 
-export const setFavoriteValue = (state, { payload }) => {
+const setFavoriteValue = (state, { payload }) => {
 	const { value } = payload;
 
-
 	return {
 		...state,
 		isStarred: value,
@@ -104,5 +103,5 @@ export default {
 	),
 	initialFavoriteValue: createReducer({
 		[fetchInitialFavoriteValue.successType]: setFavoriteValue,
-	}),
+	}, { isStarred: false }),
 };

src/gists/gists.saga.js

@@ -7,6 +7,7 @@ import {
 	fetchGistComments,
 	starGist,
 	fetchInitialFavoriteValue,
+	UnstarGist,
 } from './gists.actiontype';
 import {
 	requestUserGists,
@@ -15,6 +16,7 @@ import {
 	requestGistComments,
 	requestStarGist,
 	checkStarredGistFavoriteValue,
+	requestUnstarGist,
 } from '../api';
 
 const tokenSelector = state => state.auth.access_token;
@@ -90,10 +92,12 @@ function* fetchCommentsForGist(action) {
 function* starAGist(action) {
 	try {
 		const token = yield select(tokenSelector);
-		const data = yield call(requestStarGist, token, action.payload);
+		const status = yield call(requestStarGist, token, action.payload);
 
-		if (data.status === 204) {
+		if (status === 204) {
 			yield call(fetchStarredGists, { shouldRefresh: true });
+
+			return;
 		}
 	} catch (err) {
 		console.log(err);
@@ -103,15 +107,27 @@ function* starAGist(action) {
 function* getInitialFavoriteValue(action) {
 	try {
 		const token = yield select(tokenSelector);
-		const data = yield call(checkStarredGistFavoriteValue, token, action.payload);
 
-		console.log('data', data);
+		yield call(checkStarredGistFavoriteValue, token, action.payload);
 		yield put(fetchInitialFavoriteValue.success({ value: true }));
-
-		return data;
 	} catch (err) {
 		yield put(fetchInitialFavoriteValue.success({ value: false }));
-		console.log('rrrrrrrrr', err);
+
+		return null;
+	}
+}
+
+function* unstarAGist(action) {
+	try {
+		const token = yield select(tokenSelector);
+
+		const status = yield call(requestUnstarGist, token, action.payload);
+
+		if (status === 204) {
+			yield call(fetchStarredGists, { shouldRefresh: true });
+		}
+	} catch (err) {
+		console.log(err);
 	}
 }
 
@@ -123,5 +139,6 @@ export default function* gistsSaga() {
 		takeLatest(fetchGistComments.actionType, fetchCommentsForGist),
 		takeLatest(starGist.actionType, starAGist),
 		takeLatest(fetchInitialFavoriteValue.actionType, getInitialFavoriteValue),
+		takeLatest(UnstarGist.actionType, unstarAGist),
 	]);
 }

src/gists/screens/gistdetails.screen.js

@@ -10,8 +10,7 @@ import MaterialIcon from 'react-native-vector-icons/dist/MaterialCommunityIcons'
 // import { processFiles } from '~/src/shared/processFiles';
 import GistFileItem from './components/GistFileItem';
 import forOwn from 'lodash/forOwn';
-import { requestStarGist, checkStarredGist } from '../../api';
-import { starGist, fetchInitialFavoriteValue } from '../gists.actiontype';
+import { starGist, fetchInitialFavoriteValue, UnstarGist } from '../gists.actiontype';
 
 const HeaderProps = [
 	'avatal_url',
@@ -29,24 +28,17 @@ const ToolbarContentContainer = styled.View`
 
 class GistDetails extends React.Component {
 	state = {
-		iconName: 'star-o',
+		iconName: this.props.isStarred ? 'star' : 'star-o',
 	}
 
 	componentWillMount() {
-		const data = this.props.checkIfGistIsStarred(this.props.navigation.getParam('gistData').id);
-
-		console.log('data------------------------------', data);
+		this.props.checkIfGistIsStarred(this.props.navigation.getParam('gistData').id);
 	}
 
 	componentWillReceiveProps(nextProps) {
-		console.log('(((((((((((((((((((((((((((((((', nextProps);
-		if (nextProps.isStarred) {
-			this.setState({
-				iconName: 'star',
-			});
-		} else {
-			this.setState({ iconName: 'star-o' });
-		}
+		this.setState({
+			iconName: nextProps.isStarred ? 'star' : 'star-o',
+		});
 	}
 
 	handleFileItemPress = fileData => {
@@ -56,11 +48,22 @@ class GistDetails extends React.Component {
 	}
 
 	handleActionButtonClick = () => {
-		// requestStarGist(this.props.accessToken, this.props.navigation.getParam('gistData').id)
-		// 	.then(() => this.setState({ iconName: 'star' }))
-		// 	.catch(error => console.log(error));
-		this.setState({ iconName: 'star' });
-		this.props.starThisGist(this.props.navigation.getParam('gistData').id);
+		const { id } = this.props.navigation.getParam('gistData');
+
+		if (this.state.iconName === 'star') {
+			this.props.UnstarThisGist(id);
+			this.setState({
+				iconName: 'star-o',
+			});
+		} else {
+			this.props.starThisGist(id);
+			this.setState({
+				iconName: 'star',
+			});
+		}
+
+		// this.setState({ iconName: 'star' });
+	//	this.props.starThisGist(this.props.navigation.getParam('gistData').id);
 	}
 
 	processFiles = fileData => {
@@ -82,8 +85,6 @@ class GistDetails extends React.Component {
 	);
 
 	renderToobarContent = () => {
-		console.log('777777777777777777777777777777777', this.state.iconName);
-
 		return (
 			<ToolbarContentContainer>
 				<TouchableOpacity	onPress={this.handleActionButtonClick}>
@@ -134,6 +135,7 @@ class GistDetails extends React.Component {
 const mapDispatchToProps = dispatch => ({
 	starThisGist: id => dispatch(starGist.action(id)),
 	checkIfGistIsStarred: id => dispatch(fetchInitialFavoriteValue.action(id)),
+	UnstarThisGist: id => dispatch(UnstarGist.action(id)),
 });
 
 const mapStateToProps = ({ initialFavoriteValue }) =>