mirror of
https://github.com/FranP-code/Hangman-game-with-React.git
synced 2025-10-13 00:42:32 +00:00
Account preview done
This commit is contained in:
@@ -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) {
|
||||
|
||||
@@ -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"}
|
||||
{"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":"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","file":"index.css"}
|
||||
@@ -50,6 +50,8 @@ header {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@import './control-panel/account-preview';
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
|
||||
67
public/sass/control-panel/_account-preview.scss
Normal file
67
public/sass/control-panel/_account-preview.scss
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -155,6 +155,11 @@
|
||||
font-size: 2.4vw;
|
||||
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
font-size: 12pt;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -217,7 +217,7 @@
|
||||
|
||||
&.active {
|
||||
transform: none;
|
||||
|
||||
border-bottom: none
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 ?
|
||||
<div className="account-preview">
|
||||
<div
|
||||
className={initials.length > 2 ? "initials inclusive" : "initials"}
|
||||
onMouseEnter={() => setFullNameDisplay(true)}
|
||||
onMouseLeave={() => setFullNameDisplay(false)}
|
||||
|
||||
onClick={() => props.history.push('/my-account')}
|
||||
>
|
||||
<p>{initials}</p>
|
||||
</div>
|
||||
<div
|
||||
className={fullNameDisplay ? "full-name show" : "full-name"}>
|
||||
<p>{fullName}</p>
|
||||
</div>
|
||||
</div>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
|
||||
)
|
||||
}
|
||||
|
||||
export default withRouter(AccountPreview)
|
||||
@@ -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
|
||||
@@ -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 (
|
||||
<Form />
|
||||
)
|
||||
|
||||
@@ -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
|
||||
</button>
|
||||
|
||||
<AccountPreview />
|
||||
</header>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user