feat: password reset and firebase security

.env.sample

@@ -0,0 +1,8 @@
+REACT_APP_FIREBASE_API_KEY=<BUNCHofRandomNumbersAndChars>
+REACT_APP_DEV_AUTH_DOMAIN=<name>.firebaseapp.com
+REACT_APP_DEV_DATABASE_URL=https://<name>.firebaseio.com
+REACT_APP_DEV_PROJECT_ID=<name>
+REACT_APP_DEV_STORAGE_BUCKET=<name>.appspot.com
+REACT_APP_DEV_MESSAGING_SENDER_ID=############
+
+REACT_APP_CONFIRMATION_EMAIL_REDIRECT=https://<name>.firebaseapp.com

firestore.rules

@@ -1,7 +1,7 @@
 service cloud.firestore {
   match /databases/{database}/documents {
     match /{document=**} {
-      allow read, write;
+      allow read, write: if request.auth != null;
     }
   }
 }

src/components/screens/Register/Register.js

@@ -62,6 +62,7 @@ class RegisterFormBase extends Component {
         })
         const { user } = result
         console.log(user)
+        user.sendEmailVerification()
         firebase.db
           .collection("users")
           .doc(user.uid)

src/components/screens/Search/Search.js

@@ -122,7 +122,7 @@ class Search extends Component {
                 `}
               />
             </div>
-          ) : (
+          ) : entries.length > 0 ? (
             entries.map((entry, index) => (
               <Link
                 key={index}
@@ -150,6 +150,17 @@ class Search extends Component {
                 </SearchResult>
               </Link>
             ))
+          ) : (
+            <div
+              css={css`
+                text-align: center;
+                font-style: italic;
+                color: ${theme.colors.tertiary};
+                margin-top: 5px;
+              `}
+            >
+              No entries to display
+            </div>
           )}
         </SearchGrid>
       </SearchLayout>

src/components/screens/User/User.js

@@ -86,16 +86,43 @@ class User extends React.Component {
   }
 
   render() {
-    const { authUser, theme } = this.props
+    const { authUser, theme, firebase } = this.props
     const { exporting, files } = this.state
     return (
       <ProfileGrid>
         <ProfileSection>
           <ProfileSectionHeader>
             User: <ProfileSectionText>{authUser.email}</ProfileSectionText>
+            <div>
+              <ProfileSectionText style={{ fontWeight: 400 }}>
+                {authUser.emailVerified
+                  ? "Email has been verified"
+                  : "Email not verified"}
+              </ProfileSectionText>
+            </div>
           </ProfileSectionHeader>
           <SignOut />
         </ProfileSection>
+        <ProfileSection>
+          <ProfileSectionHeader>
+            Reset Password{" "}
+            <div>
+              <ProfileSectionText style={{ fontWeight: 400 }}>
+                send an email with reset instructions
+              </ProfileSectionText>
+            </div>
+          </ProfileSectionHeader>
+
+          <Button
+            colors={theme.colors}
+            onClick={() => {
+              console.log("reset!")
+              firebase.doPasswordReset(authUser.email)
+            }}
+          >
+            Send Reset
+          </Button>
+        </ProfileSection>
         <ProfileSection>
           <ProfileSectionHeader>
             Export Journal Entries{" "}