UserProfile #44

digital-course-file/src/Routes.js

@@ -12,6 +12,7 @@ import { Container, Button, Navbar, Nav } from 'react-bootstrap'
 import fire from './fire'
 import ForgotPassword from './user/ForgotPassword'
 import { LinkContainer } from 'react-router-bootstrap'
+import UserProfile from './user/userprofie'
 
 const Routes = () => {
   const [user, setUser] = useState('')
@@ -38,6 +39,7 @@ const Routes = () => {
           <Navbar.Brand as={Link} to='/'>
             <h2>Course File System</h2>
           </Navbar.Brand>
+          {user && (<UserProfile></UserProfile>)}
           {user && (
             <Link to='/signin'>
               <button

digital-course-file/src/user/File.js

@@ -126,7 +126,9 @@ export default function File({ file }) {
       {/* FOR SHOWING DETAILS OF THE FILE */}
       <Modal show={showit} onHide={closeModal}>
         <Modal.Body>
+          <h3>File details</h3>
           <p>File : {fname}</p>
+          <p></p>
           <p>Uploaded On : {('' + uploaddetail).substring(0, 34) + '(IST)'}</p>
         </Modal.Body>
         <Modal.Footer>

digital-course-file/src/user/Folder.js

@@ -112,6 +112,7 @@ export default function Folder ({folder}) {
         {/* FOR SHOWING DETAILS OF THE FOLDER */}
         <Modal show={showit} onHide={closeModal}>
             <Modal.Body>
+            <h3>Folder details</h3>
                 <p>Folder  :  {fname}</p>
                 <p>Created On : {(""+uploaddetail).substring(0,34)+"(IST)"}</p>
             </Modal.Body>

digital-course-file/src/user/userprofie.js

+import { React , useState,Fragment } from "react";
+import { Button, Modal, ModalFooter} from 'react-bootstrap';
+import firebase from 'firebase'
+import "firebase/storage";
+import ReactTooltip from 'react-tooltip';
+
+export default function UserProfile( {currentFolder} ){
+    const [open, setOpen] = useState(false);
+    const [uid, setuid] = useState("");
+    const [time, settime] = useState("");
+    const divStyle = {
+      marginLeft:"800px",maxWidth : "100px"
+    }
+    function openModal(){
+        setOpen(true);
+        console.log(firebase.auth())
+        setuid(firebase.auth().currentUser.email);
+        settime(firebase.auth().currentUser.ba.currentUser.metadata.lastSignInTime);
+    }
+
+    function closeModal(){
+        setOpen(false);
+    }
+
+    return (
+        <Fragment>
+          <button data-tip data-for='profile' className="logoutbutton" name='myprofile' style={divStyle}  onClick={openModal}  >
+            My Profile
+          </button>
+          <Modal show={open} onHide={closeModal} >
+          <Modal.Body>
+              <div>
+                  <h3>My Profile: </h3>
+                  <p></p>
+                  Email: {uid}
+                  <p></p>
+                  Last Sign In Time: {time}
+              </div>
+              </Modal.Body>
+              <ModalFooter>
+              <Button variant='danger' onClick={closeModal}>
+              Cancel
+              </Button>
+              </ModalFooter>
+          </Modal>
+
+          <ReactTooltip id='Profile' type='error' place='bottom' effect='solid'>
+            <span style={{fontWeight:'bold'}}>My Profile</span>
+          </ReactTooltip>
+        </Fragment>
+      );
+}
\ No newline at end of file