(Saved on Sign Up in Firebase Database)
19 | 20 |The Home Page is accessible by every signed in user.
28 | 29 | {!!users &&14 | Forgot Password? 15 |
16 | ); 17 | -------------------------------------------------------------------------------- /src/pages/SignIn/SignInForm.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import * as routes from "../../constants/routes"; 3 | import { auth } from "../../firebase"; 4 | 5 | interface InterfaceProps { 6 | email?: string; 7 | error?: any; 8 | history?: any; 9 | password?: string; 10 | } 11 | 12 | interface InterfaceState { 13 | email: string; 14 | error: any; 15 | password: string; 16 | } 17 | 18 | export class SignInForm extends React.Component< 19 | InterfaceProps, 20 | InterfaceState 21 | > { 22 | private static INITIAL_STATE = { 23 | email: "", 24 | error: null, 25 | password: "" 26 | }; 27 | 28 | private static propKey(propertyName: string, value: any): object { 29 | return { [propertyName]: value }; 30 | } 31 | 32 | constructor(props: InterfaceProps) { 33 | super(props); 34 | 35 | this.state = { ...SignInForm.INITIAL_STATE }; 36 | } 37 | 38 | public onSubmit = (event: any) => { 39 | const { email, password } = this.state; 40 | 41 | const { history } = this.props; 42 | 43 | auth 44 | .doSignInWithEmailAndPassword(email, password) 45 | .then(() => { 46 | this.setState(() => ({ ...SignInForm.INITIAL_STATE })); 47 | history.push(routes.HOME); 48 | }) 49 | .catch(error => { 50 | this.setState(SignInForm.propKey("error", error)); 51 | }); 52 | 53 | event.preventDefault(); 54 | }; 55 | 56 | public render() { 57 | const { email, password, error } = this.state; 58 | 59 | const isInvalid = password === "" || email === ""; 60 | 61 | return ( 62 | 81 | ); 82 | } 83 | 84 | private setStateWithEvent(event: any, columnType: string): void { 85 | this.setState(SignInForm.propKey(columnType, (event.target as any).value)); 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /src/pages/SignIn/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { withRouter } from "react-router-dom"; 3 | import { PasswordForgetLink } from "../PasswordForget"; 4 | import { SignUpLink } from "../SignUp"; 5 | import { SignInForm } from "./SignInForm"; 6 | 7 | const SignInComponent = ({ history }: { [key: string]: any }) => ( 8 |15 | Don't have an account? Sign Up 16 |
17 | ); 18 | 19 | export const SignUp = withRouter(SignUpComponent); 20 | -------------------------------------------------------------------------------- /src/registerServiceWorker.ts: -------------------------------------------------------------------------------- 1 | // tslint:disable:no-console 2 | // In production, we register a service worker to serve assets from local cache. 3 | 4 | // This lets the app load faster on subsequent visits in production, and gives 5 | // it offline capabilities. However, it also means that developers (and users) 6 | // will only see deployed updates on the 'N+1' visit to a page, since previously 7 | // cached resources are updated in the background. 8 | 9 | // To learn more about the benefits of this model, read https://goo.gl/KwvDNy. 10 | // This link also includes instructions on opting out of this behavior. 11 | 12 | const isLocalhost = Boolean( 13 | window.location.hostname === "localhost" || 14 | // [::1] is the IPv6 localhost address. 15 | window.location.hostname === "[::1]" || 16 | // 127.0.0.1/8 is considered localhost for IPv4. 17 | window.location.hostname.match( 18 | /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/ 19 | ) 20 | ); 21 | 22 | export default function register() { 23 | if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) { 24 | // The URL constructor is available in all browsers that support SW. 25 | const publicUrl = new URL( 26 | process.env.PUBLIC_URL!, 27 | window.location.toString() 28 | ); 29 | if (publicUrl.origin !== window.location.origin) { 30 | // Our service worker won't work if PUBLIC_URL is on a different origin 31 | // from what our page is served on. This might happen if a CDN is used to 32 | // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374 33 | return; 34 | } 35 | 36 | window.addEventListener("load", () => { 37 | const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`; 38 | 39 | if (isLocalhost) { 40 | // This is running on localhost. Lets check if a service worker still exists or not. 41 | checkValidServiceWorker(swUrl); 42 | 43 | // Add some additional logging to localhost, pointing developers to the 44 | // service worker/PWA documentation. 45 | navigator.serviceWorker.ready.then(() => { 46 | console.log( 47 | "This web app is being served cache-first by a service " + 48 | "worker. To learn more, visit https://goo.gl/SC7cgQ" 49 | ); 50 | }); 51 | } else { 52 | // Is not local host. Just register service worker 53 | registerValidSW(swUrl); 54 | } 55 | }); 56 | } 57 | } 58 | 59 | function registerValidSW(swUrl: string) { 60 | navigator.serviceWorker 61 | .register(swUrl) 62 | .then(registration => { 63 | registration.onupdatefound = () => { 64 | const installingWorker = registration.installing; 65 | if (installingWorker) { 66 | installingWorker.onstatechange = () => { 67 | if (installingWorker.state === "installed") { 68 | if (navigator.serviceWorker.controller) { 69 | // At this point, the old content will have been purged and 70 | // the fresh content will have been added to the cache. 71 | // It's the perfect time to display a 'New content is 72 | // available; please refresh.' message in your web app. 73 | console.log("New content is available; please refresh."); 74 | } else { 75 | // At this point, everything has been precached. 76 | // It's the perfect time to display a 77 | // 'Content is cached for offline use.' message. 78 | console.log("Content is cached for offline use."); 79 | } 80 | } 81 | }; 82 | } 83 | }; 84 | }) 85 | .catch(error => { 86 | console.error("Error during service worker registration:", error); 87 | }); 88 | } 89 | 90 | function checkValidServiceWorker(swUrl: string) { 91 | // Check if the service worker can be found. If it can't reload the page. 92 | fetch(swUrl) 93 | .then(response => { 94 | // Ensure service worker exists, and that we really are getting a JS file. 95 | if ( 96 | response.status === 404 || 97 | response.headers.get("content-type")!.indexOf("javascript") === -1 98 | ) { 99 | // No service worker found. Probably a different app. Reload the page. 100 | navigator.serviceWorker.ready.then(registration => { 101 | registration.unregister().then(() => { 102 | window.location.reload(); 103 | }); 104 | }); 105 | } else { 106 | // Service worker found. Proceed as normal. 107 | registerValidSW(swUrl); 108 | } 109 | }) 110 | .catch(() => { 111 | console.log( 112 | "No internet connection found. App is running in offline mode." 113 | ); 114 | }); 115 | } 116 | 117 | export function unregister() { 118 | if ("serviceWorker" in navigator) { 119 | navigator.serviceWorker.ready.then(registration => { 120 | registration.unregister(); 121 | }); 122 | } 123 | } 124 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": ".", 4 | "outDir": "build/dist", 5 | "module": "esnext", 6 | "target": "es5", 7 | "lib": ["es6", "dom"], 8 | "sourceMap": true, 9 | "allowJs": true, 10 | "jsx": "react", 11 | "moduleResolution": "node", 12 | "rootDir": "src", 13 | "forceConsistentCasingInFileNames": true, 14 | "noImplicitReturns": true, 15 | "noImplicitThis": true, 16 | "noImplicitAny": true, 17 | "strictNullChecks": true, 18 | "suppressImplicitAnyIndexErrors": true, 19 | "noUnusedLocals": true 20 | }, 21 | "exclude": [ 22 | "node_modules", 23 | "build", 24 | "scripts", 25 | "acceptance-tests", 26 | "webpack", 27 | "jest", 28 | "src/setupTests.ts" 29 | ] 30 | } 31 | -------------------------------------------------------------------------------- /tsconfig.prod.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json" 3 | } -------------------------------------------------------------------------------- /tsconfig.test.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "module": "commonjs" 5 | } 6 | } -------------------------------------------------------------------------------- /tslint.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"], 3 | "rules": { 4 | "jsx-no-lambda": false 5 | }, 6 | "linterOptions": { 7 | "exclude": ["config/**/*.js", "node_modules/**/*.ts"] 8 | } 9 | } 10 | --------------------------------------------------------------------------------