diff --git a/public/css/index.css b/public/css/index.css index 3768121..d4189a8 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -44,6 +44,50 @@ header .redirect-button:hover { background-color: #ce694b; transition: ease-in-out 0.2s; } +header .account-preview { + font-family: "Raleway", sans-serif; + font-weight: bold; + position: absolute; + left: 88%; + top: 1vh; + padding: 2vh 0px; + display: flex; + flex-direction: column; + align-items: center; +} +header .account-preview .initials { + height: 8vh; + width: 8vh; + color: #fff; + background-color: #5151ff; + font-size: 3vh; + border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + user-select: none; +} +header .account-preview .initials.inclusive { + font-size: 11pt; +} +header .account-preview .full-name { + height: 5vh; + width: 10vw; + margin-top: 0.5vh; + background-color: rgba(0, 0, 0, 0.658); + color: #fff; + display: flex; + justify-content: center; + opacity: 0%; + transition: 0.4s ease-in-out; + text-align: center; + padding-bottom: 1vh; +} +header .account-preview .full-name.show { + opacity: 100%; + transition: 0.4s ease-in-out; +} @media (max-width: 991.98px) { header h2 { @@ -704,6 +748,9 @@ header .redirect-button:hover { .control-panel .action-form form input[type=submit] { font-size: 2.4vw; } + .control-panel .action-form form input[type=text] { + font-size: 12pt; + } } @media (max-width: 576px) { .control-panel .action-form { @@ -793,6 +840,7 @@ header .redirect-button:hover { } .control-panel .buttons-container.nav-mode button.active { transform: none; + border-bottom: none; } } @media (max-width: 576px) { diff --git a/public/css/index.css.map b/public/css/index.css.map index c70435b..93cbfa4 100644 --- a/public/css/index.css.map +++ b/public/css/index.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/index.scss","../sass/_header.scss","../sass/_game-container.scss","../sass/_hangman.scss","../sass/_word.scss","../sass/_current-score.scss","../sass/_categories.scss","../sass/_defeat-victory.scss","../sass/_loading.scss","../sass/_letters-registered.scss","../sass/_letter-input.scss","../sass/_identify.scss","../sass/control-panel/_message.scss","../sass/_message.scss","../sass/control-panel/_control-panel.scss","../sass/control-panel/_action-form.scss","../sass/control-panelDemo/_demo-message.scss","../sass/control-panelDemo/admin-header-demo.scss"],"names":[],"mappings":"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","file":"index.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/index.scss","../sass/_header.scss","../sass/control-panel/_account-preview.scss","../sass/_game-container.scss","../sass/_hangman.scss","../sass/_word.scss","../sass/_current-score.scss","../sass/_categories.scss","../sass/_defeat-victory.scss","../sass/_loading.scss","../sass/_letters-registered.scss","../sass/_letter-input.scss","../sass/_identify.scss","../sass/control-panel/_message.scss","../sass/_message.scss","../sass/control-panel/_control-panel.scss","../sass/control-panel/_action-form.scss","../sass/control-panelDemo/_demo-message.scss","../sass/control-panelDemo/admin-header-demo.scss"],"names":[],"mappings":";AAAA;EACI;EACA;;;ACFJ;EACI;EAEA;EAEA;EACA;EACA;EACA;;AAEA;EDHA;EACA;EAIA;EACA;;ACGA;EDTA;EACA;EAIA;EACA;ECMI;EACA;EAEA;;AAGJ;EACI;EACA;EAEA;EACA;EAIA,kBAFkB;EAGlB;EACA;EAEA;EACA;EAEA;EAEA;;AAEA;EACI;EAEA;;AChDZ;EFOI;EACA;EEJA;EAEA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;EAEI;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;;AAEA;EAEI;;AAIR;EAEI;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;;AAEA;EAEI;EAEA;;;ADPZ;EAIQ;IAEI;IACA;IAEA;IACA;IAEA;;EAEA;IACI;IACA;;;AAMhB;EAIQ;IACI;IACA;;;AEpFZ;EAEI;EACA;EAEA;;AAMA;EACI;EACA;EAEA;;;AAIR;EAEI;IAEI;IACA;IACA;;EAEA;IACI;;EAII;IAEI;;EAKZ;IACI;IACA;IAEA;IACA;IACA;;;AAKZ;;AAAA;AClDA;EAEI;;AAEA;EACI;;;ACLR;ELkBI;EACA;EKhBA;EAEA;EACA;EAEA;EAEA;EACA;;AAEA;EACI;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EAEA;EAEA;;;AAIR;EAIQ;IAEI;;EAGJ;IACI;;;AAKZ;EAIQ;IAEI;;;AC3DZ;EAEI;EAEA;ENGA;EACA;EMAA;EAEA;;AAEA;EACI;;;ACbR;EAEI;;AAEA;EAEI;EAEA;EACA;EAEA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EAEA;;AAKA;EACI;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACI;EACA;;AA0BJ;EArBI,OAFuD;EAIvD,kBAoBc;EAnBd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAYZ;EA3BI,OAFuD;EAIvD,kBA0Bc;EAzBd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAkBZ;EAjCI,OAFuD;EAIvD,kBAgCc;EA/Bd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAwBZ;EAvCI,OAyCY;EAvCZ,kBAsCc;EArCd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AA+BZ;EA9CI,OAFuD;EAIvD,kBA6Cc;EA5Cd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAqCZ;EApDI,OAsDY;EApDZ,kBAmDc;EAlDd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AA4CZ;EA3DI,OAFuD;EAIvD,kBA0Dc;EAzDd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAmDhB;EACI;EAEA;EACA;;AAEA;EAEI;;AAIR;EACI;;AAIJ;EACI;EACA;;AAEA;EAEI;;AAGJ;EAEI;;;AAMhB;EAIQ;IACI;;EAEA;IAEI;;;AClKhB;EACI;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;EAEA;EAEA;;AAEA;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EAEI;IAEI;IACA;;;ACvCR;EACI;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;EACI;EACA;;;ACnBR;EACI;EAEA;EAEA;EAEA;EACA;EACA;EAEA;;AAEA;EACI;;;ACdR;EACI;EAEA;EACA;EACA;;AAEA;EAII,OAFO;EAGP,QAHO;EAKP;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;ACvBR;EAEI;;ACFJ;EAEI;EAEA;EACA;EACA;EbCA;EACA;EAIA;EACA;EaHA;EAEA;;AAEA;EAEI;;AAGJ;EAEI;;ADfJ;EAEI;EAGA;EACA;;AAEA;EAGI;EACA,kBAHkB;EAKlB;EAEA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAMZ;EAII;EACA;EAEA;EAEA;;AAEA;EAEI;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;;AAEA;EACI;EAEA;EACA;;AAMZ;EAEI;EAEA;EAEA;EACA;EACA;;AAGJ;EACI;;;AAIR;EAEI;IAEI;;;AEhGR;EAEI;EAEA;EACA;EACA;EAEA;;AAEA;EAEI;EACA;;;ACTJ;EAEI;EACA;EAEA;EACA;EACA;EAEA;EAEA;;AAEA;EAEI;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AA2BJ;EAtBI,kBAwBmB;EAvBnB;EAEA;;AAEA;EAEI;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;;AAYR;EA7BI,kBA+BmB;EA9BnB;EAEA;;AAEA;EAEI;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;;AAmBR;EApCI,kBAsCmB;EArCnB;EAEA;;AAEA;EAEI;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;;AA0BR;EA3CI,kBA6CmB;EA5CnB;EAEA;;AAEA;EAEI;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;;AAiCR;EAlDI,kBAoDmB;EAnDnB;EAEA;;AAEA;EAEI;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;;AA0ChB;EAEI;EAEA;EAEA;EACA;;AAEA;EACI;EACA;EAEA;EAEA;;AChIZ;EAGI;EACA;EAEA;EACA;;AAEA;EAEI;EACA;EAEA;EAEA;EACA;EACA;EAGA;;AAIA;EACI;EACA;;AAGJ;EACI;EACA;EAEA;;AAGJ;EAII;EAEA;EACA;EAEA,kBAPmB;EAQnB;EAEA;EACA;;AAEA;EACI;;AAKR;EAEI;EACA;EACA;EAEA;EACA;EACA;;AASA;EACI;;AAGJ;EAEI;;AASJ;EAEI;;AAGJ;EAEI;EACA;;AAEA;EAEI;;AAQZ;EAEI;EACA;EACA;;AAKA;EAEI;;AASJ;EAEI;;AAKA;EAEI;;AAQpB;EAMY;IACI;;EAIJ;IACI;;;AAOhB;EAEI;IAEI;IACA;;EAII;IAEI;IACA;IACA;;EAGJ;IACI;;EAIJ;IACI;;;AH5LhB;EAEI;EAEA;EACA;EACA;EbCA;EACA;EAIA;EACA;EaHA;EAEA;;AAEA;EAEI;;AAGJ;EAEI;;AEkHJ;EACI;EAEA;;;AAuBR;EAIQ;IAEI;IAEA;IACA;IACA;IAEA;;EAEA;IACI;IACA;IAEA;IACA;IAEA;IAEA;;EAIR;IACI;IAEA;IAEA;IACA;IAEA;IACA;;EAEA;IAEI;IAEA;IAEA;IACA;IAEA;IAEA;IACA;IAEA;IAEA;;EAxEZ;IACI;IACA;IACA;IACA;IACA;;EAOJ;IACI;IACA;;EA4DQ;IACI;IACA;;;AAOpB;EAMY;IAEI;;EAMJ;IAEI;;;AEhPZ;EAEI;EACA;EAEA;;AAEA;EjBFJ;EACA;EiBKQ;EAEA;EAEA;EACA;EACA;EAEA;EAEA;;;ACrBR;EAEI;EAEA;EACA;;AAEA;EAII;EACA;EACA;EAIA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA","file":"index.css"} \ No newline at end of file diff --git a/public/sass/_header.scss b/public/sass/_header.scss index e6517ab..9efd0f8 100644 --- a/public/sass/_header.scss +++ b/public/sass/_header.scss @@ -50,6 +50,8 @@ header { } } + + @import './control-panel/account-preview'; } @media (max-width: 991.98px) { diff --git a/public/sass/control-panel/_account-preview.scss b/public/sass/control-panel/_account-preview.scss new file mode 100644 index 0000000..d22510e --- /dev/null +++ b/public/sass/control-panel/_account-preview.scss @@ -0,0 +1,67 @@ +.account-preview { + + @include titleFont(); + + position: absolute; + + left: 88%; + top: 1vh; + + padding: 2vh 0px; + + display: flex; + flex-direction: column; + align-items: center; + + .initials { + + height: 8vh; + width: 8vh; + + color: #fff; + background-color: rgb(81, 81, 255); + font-size: 3vh; + + border-radius: 100%; + + display: flex; + align-items: center; + justify-content: center; + + cursor: pointer; + + user-select: none; + + &.inclusive { + + font-size: 11pt; + } + } + + .full-name { + + height: 5vh; + width: 10vw; + + margin-top: 0.5vh; + background-color: rgba(0, 0, 0, 0.658); + color: #fff; + + display: flex; + justify-content: center; + + opacity: 0%; + + transition: 0.4s ease-in-out; + text-align: center; + + padding-bottom: 1vh; + + &.show { + + opacity: 100%; + + transition: 0.4s ease-in-out; + } + } +} \ No newline at end of file diff --git a/public/sass/control-panel/_action-form.scss b/public/sass/control-panel/_action-form.scss index abcf2c4..88b3521 100644 --- a/public/sass/control-panel/_action-form.scss +++ b/public/sass/control-panel/_action-form.scss @@ -155,6 +155,11 @@ font-size: 2.4vw; } + + input[type="text"] { + font-size: 12pt; + + } } } } diff --git a/public/sass/control-panel/_control-panel.scss b/public/sass/control-panel/_control-panel.scss index d430721..9874528 100644 --- a/public/sass/control-panel/_control-panel.scss +++ b/public/sass/control-panel/_control-panel.scss @@ -217,7 +217,7 @@ &.active { transform: none; - + border-bottom: none } } } diff --git a/src/components/Admin/Account/AccountPreview/AccountPreview.jsx b/src/components/Admin/Account/AccountPreview/AccountPreview.jsx new file mode 100644 index 0000000..9460d29 --- /dev/null +++ b/src/components/Admin/Account/AccountPreview/AccountPreview.jsx @@ -0,0 +1,75 @@ +import React, {useState} from 'react' +import { getAuth, onAuthStateChanged } from "firebase/auth"; +import bringNameOfEmail from './Firebase Querys/bringNameOfEmail'; +import { withRouter } from 'react-router'; + +const AccountPreview = (props) => { + + const [login, setLogin] = useState(false) + + const [fullName, setFullName] = useState('') + const [initials, setInitials] = useState('') + + const [fullNameDisplay, setFullNameDisplay] = useState(false) + + const defineName = async (email) => { + + let name = await bringNameOfEmail(email) + name = name.name + + if (name) { + + setFullName(name) + + let displayName = await name.split(' ') + displayName = await displayName.map(string => string[0]) + + setInitials(displayName) + } + } + + React.useEffect(() => { + + if (!login) { + + const auth = getAuth() + + onAuthStateChanged(auth, (user) => { + + if (user) { + defineName(user.email) + setLogin(true) + } else { + alert('NO USER') + } + }) + } + }, []) + + return ( + <> + { + initials ? +
+
2 ? "initials inclusive" : "initials"} + onMouseEnter={() => setFullNameDisplay(true)} + onMouseLeave={() => setFullNameDisplay(false)} + + onClick={() => props.history.push('/my-account')} + > +

{initials}

+
+
+

{fullName}

+
+
+ : null + } + + + ) +} + +export default withRouter(AccountPreview) diff --git a/src/components/Admin/Account/AccountPreview/Firebase Querys/bringNameOfEmail.js b/src/components/Admin/Account/AccountPreview/Firebase Querys/bringNameOfEmail.js new file mode 100644 index 0000000..a185262 --- /dev/null +++ b/src/components/Admin/Account/AccountPreview/Firebase Querys/bringNameOfEmail.js @@ -0,0 +1,25 @@ +import { doc, getDoc, getDocs, getFirestore, collection } from "firebase/firestore"; +import { firestore } from "../../../../../Firebase/Firebase_Config" + + +const bringNameOfEmail = async (email) => { + + try { + + const id = email + console.log(email) + + const db = getFirestore(firestore) + const docRef = doc(db, "users", id); + const docSnap = await getDoc(docRef); + + + console.log(docSnap.data()) + return await docSnap.data() + + } catch (error) { + console.log(error) + } +} + +export default bringNameOfEmail diff --git a/src/components/Admin/AdminIdentify/Identify/Identify.jsx b/src/components/Admin/AdminIdentify/Identify/Identify.jsx index e957f47..08e6e1f 100644 --- a/src/components/Admin/AdminIdentify/Identify/Identify.jsx +++ b/src/components/Admin/AdminIdentify/Identify/Identify.jsx @@ -6,15 +6,20 @@ import {withRouter} from 'react-router' const Identify = (props) => { - const auth = getAuth() + + React.useEffect(() => { - onAuthStateChanged(auth, (user) => { - - if (user) { - props.history.push('/admin-place') - } - }) + const auth = getAuth() + + onAuthStateChanged(auth, (user) => { + + if (user) { + props.history.push('/admin-place') + } + }) + }, [props.history]) + return (
) diff --git a/src/components/Admin/Header/AdminHeader.jsx b/src/components/Admin/Header/AdminHeader.jsx index c9cc044..b50c783 100644 --- a/src/components/Admin/Header/AdminHeader.jsx +++ b/src/components/Admin/Header/AdminHeader.jsx @@ -1,5 +1,6 @@ import React from 'react' import {withRouter} from 'react-router' +import AccountPreview from '../Account/AccountPreview/AccountPreview' const AdminHeader = (props) => { return ( @@ -13,6 +14,8 @@ const AdminHeader = (props) => { > Back to the Game + + ) }