small update

digital-course-file/src/Routes.js

@@ -12,7 +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'
+import UserProfile from './userprofie'
 
 const Routes = () => {
   const [user, setUser] = useState('')

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

@@ -9,11 +9,8 @@ import Deffolders from './Deffolders'
 import Sharelink from './Sharelink'
 import Deletefolder from './Deletefolder'
 import { useParams, useLocation } from 'react-router-dom'
-import { Link } from 'react-router-dom'
 import File from './File'
 import 'firebase/storage'
-import ReactDOM from 'react-dom'
-import firebase from '../fire'
 import Loader from 'react-loader-spinner'
 import Dropzone from './Dropzone'
 import ParticlesBg from 'particles-bg'

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

digital-course-file/src/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'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faUser } from '@fortawesome/free-solid-svg-icons'
+
+
+export default function UserProfile({ currentFolder }) {
+  const [open, setOpen] = useState(false)
+  const [uid, setuid] = useState('')
+  const [time, settime] = useState('')
+  const divStyle = {
+    marginLeft: '900px',
+    padding: '8px',
+  }
+  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'
+        onClick={openModal}
+        style={divStyle}
+      >
+        <FontAwesomeIcon icon={faUser} />
+      </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>
+  )
+}