Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
.env

# OSX
#
.DS_Store
Expand Down
67 changes: 67 additions & 0 deletions client/components/Login.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
import FBSDK from 'react-native-fbsdk'
import React, { Component } from 'react'
import {
View
} from 'react-native'
import axios from 'axios'

const {
LoginButton,
AccessToken
} = FBSDK

export default class FBlogin extends Component {
constructor(props) {
super(props)

this.finishedLogin = this.finishedLogin.bind(this) //***dc
}

finishedLogin(err, res) {
if (err) {
console.log('ERROR Facebook login failed: ', err)
} else if (res.isCancelled) {
console.log("Facebook login cancelled by user")
} else {
console.log("Facebook login was successful with permissions: ", res.grantedPermissions)

AccessToken.getCurrentAccesToken()
.then(data => {
axios.post('/login/auth', //Will likely need to revisit
{
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
},
body: {
fbAccessToken: data.accessToken
}
}
)
})
.then(response => response.json())
.then(data => this.props.setUser(data)) //Will likely need to revisit
.catch(err => console.log)
}
}

finishedLogout(err, res) {
this.props.logOut() //Will likely need to revisit
}

render() {
return (
<View>
<LoginButton
readPermissions={["public_profile emial"]}
onLoginFinished={this.finishedLogin}
onLogoutFinished={this.finishedLogout}/>
</View>
)
}

}

//TO DO: under error console.log, create custom pop ups for errors instead of alerts.
//
// test granted permissions find out how to edit 'LoginButton'
4 changes: 4 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,13 @@
"react-native": "0.40.0"
},
"devDependencies": {
"axios": "0.15.3",
"babel-jest": "18.0.0",
"babel-preset-react-native": "1.9.1",
"jest": "18.1.0",
"react": "~15.3.2",
"react-native": "0.36.1",
"react-native-fbsdk": "^0.4.0",
"react-test-renderer": "~15.4.0-rc.4"
},
"jest": {
Expand Down