chore: resize writing area, add name to navbar
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
import React from "react";
|
||||
import React from "react"
|
||||
|
||||
const FirebaseContext = React.createContext(null);
|
||||
const FirebaseContext = React.createContext(null)
|
||||
|
||||
export const withFirebase = Component => props => (
|
||||
<FirebaseContext.Consumer>
|
||||
{firebase => <Component {...props} firebase={firebase} />}
|
||||
</FirebaseContext.Consumer>
|
||||
);
|
||||
)
|
||||
|
||||
export default FirebaseContext;
|
||||
export default FirebaseContext
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import app from "firebase/app";
|
||||
import "firebase/auth";
|
||||
import "firebase/firestore";
|
||||
import app from "firebase/app"
|
||||
import "firebase/auth"
|
||||
import "firebase/firestore"
|
||||
|
||||
const config = {
|
||||
apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
|
||||
@@ -8,43 +8,43 @@ const config = {
|
||||
databaseURL: process.env.REACT_APP_DEV_DATABASE_URL,
|
||||
projectId: process.env.REACT_APP_DEV_PROJECT_ID,
|
||||
storageBucket: process.env.REACT_APP_DEV_STORAGE_BUCKET,
|
||||
messagingSenderId: process.env.REACT_APP_DEV_MESSAGING_SENDER_ID
|
||||
};
|
||||
messagingSenderId: process.env.REACT_APP_DEV_MESSAGING_SENDER_ID,
|
||||
}
|
||||
|
||||
class Firebase {
|
||||
constructor() {
|
||||
app.initializeApp(config);
|
||||
this.auth = app.auth();
|
||||
this.db = app.firestore();
|
||||
app.initializeApp(config)
|
||||
this.auth = app.auth()
|
||||
this.db = app.firestore()
|
||||
app
|
||||
.firestore()
|
||||
.enablePersistence()
|
||||
.catch(function(err) {
|
||||
if (err.code === "failed-precondition") {
|
||||
console.error("firestore won't work offline with multiple tabs open");
|
||||
console.error("firestore won't work offline with multiple tabs open")
|
||||
} else if (err.code === "unimplemented") {
|
||||
console.error(
|
||||
"current browser can't take advantage of firestore offline"
|
||||
);
|
||||
)
|
||||
}
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
// Auth
|
||||
doCreateUserWithEmailAndPassword = (email, password) =>
|
||||
this.auth.createUserWithEmailAndPassword(email, password);
|
||||
this.auth.createUserWithEmailAndPassword(email, password)
|
||||
|
||||
doSignInWithEmailAndPassword = (email, password) =>
|
||||
this.auth.signInWithEmailAndPassword(email, password);
|
||||
this.auth.signInWithEmailAndPassword(email, password)
|
||||
|
||||
doSignOut = () => {
|
||||
this.auth.signOut();
|
||||
window.location.replace("/login");
|
||||
};
|
||||
this.auth.signOut()
|
||||
window.location.replace("/login")
|
||||
}
|
||||
|
||||
doPasswordReset = email => this.auth.sendPasswordResetEmail(email);
|
||||
doPasswordReset = email => this.auth.sendPasswordResetEmail(email)
|
||||
|
||||
doPasswordUpdate = password => this.auth.currentUser.updatePassword(password);
|
||||
doPasswordUpdate = password => this.auth.currentUser.updatePassword(password)
|
||||
}
|
||||
|
||||
export default Firebase;
|
||||
export default Firebase
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import FirebaseContext, { withFirebase } from "./context";
|
||||
import Firebase from "./fire";
|
||||
import FirebaseContext, { withFirebase } from "./context"
|
||||
import Firebase from "./fire"
|
||||
|
||||
export default Firebase;
|
||||
export default Firebase
|
||||
|
||||
export { FirebaseContext, withFirebase };
|
||||
export { FirebaseContext, withFirebase }
|
||||
|
||||
Reference in New Issue
Block a user