.env
continuous-integration/drone/push Build encountered an error
Details
continuous-integration/drone/push Build encountered an error
Details
Noan07
2 years ago
parent
04b0fc00f2
commit
5a6f448bda
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 7.7 KiB |
@ -0,0 +1,24 @@
|
|||||||
|
import React, { useContext } from 'react';
|
||||||
|
import { UidContext } from '../components/AppContext';
|
||||||
|
import Log from '../components/Log'
|
||||||
|
import Home from './Home';
|
||||||
|
import { NavLink } from 'react-router-dom';
|
||||||
|
//<Link to="/discover"/>
|
||||||
|
|
||||||
|
const HomeNavigation = () => {
|
||||||
|
const uid = useContext(UidContext);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="profil-page">
|
||||||
|
{uid ? (
|
||||||
|
< Home />
|
||||||
|
) : (
|
||||||
|
<div className="log-container">
|
||||||
|
<Log signin={true} signup={false}/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default HomeNavigation;
|
||||||
@ -1,25 +1,35 @@
|
|||||||
import React, { useContext } from 'react';
|
import React from 'react';
|
||||||
import { UidContext } from '../components/AppContext';
|
import { useSelector } from 'react-redux';
|
||||||
import Log from '../components/Log'
|
import Navbar from '../components/Navbar';
|
||||||
import '../styles/pages/_profil.scss';
|
|
||||||
import Home from './Home';
|
|
||||||
import { NavLink } from 'react-router-dom';
|
|
||||||
//<Link to="/discover"/>
|
|
||||||
|
|
||||||
const Profil = () => {
|
const Profil = () => {
|
||||||
const uid = useContext(UidContext);
|
const userData = useSelector((state) => state.pictures.pictures);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="profil-page">
|
<>
|
||||||
{uid ? (
|
<Navbar />
|
||||||
< Home />
|
<div id="bandeauProfil">
|
||||||
) : (
|
<div id="image">
|
||||||
<div className="log-container">
|
<img id="PhotoProfile" alt="Profil" src={userData.picture}/>
|
||||||
<Log signin={true} signup={false}/>
|
</div>
|
||||||
|
<div id="blocName">
|
||||||
|
<h1>{userData.pseudo}</h1>
|
||||||
|
<h2 className="subdo">@{userData.pseudo}</h2>
|
||||||
|
<div>
|
||||||
|
<div id="blocAbonnement">
|
||||||
|
<div>
|
||||||
|
<div className="nombre">10k</div>
|
||||||
|
<div className="texteNombre">Abonnement</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div className="nombre">10k</div>
|
||||||
|
<div className="texteNombre">Abonnée</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
);
|
</>
|
||||||
|
)
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Profil;
|
export default Profil;
|
||||||
@ -1,5 +1,5 @@
|
|||||||
@import './_settings.scss';
|
@import './_settings.scss';
|
||||||
@import './pages/navbar';
|
@import './component/navbar';
|
||||||
|
@import './pages/homenavigation';
|
||||||
@import './pages/profil';
|
@import './pages/profil';
|
||||||
@import './pages/profil';
|
@import './component/poste';
|
||||||
@import './pages/poste';
|
|
||||||
|
|||||||
@ -0,0 +1,160 @@
|
|||||||
|
$color-1: #A4EBF3;
|
||||||
|
$color-2: #CCF2F4;
|
||||||
|
$color-3: #F4F9F9;
|
||||||
|
$color-4: #AAAAAA;
|
||||||
|
|
||||||
|
.ul-profil{
|
||||||
|
list-style-type: none;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
.button-form{
|
||||||
|
cursor: pointer;
|
||||||
|
border: 3px solid black;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
transition: 0.2s;
|
||||||
|
width: 150px;
|
||||||
|
height: 45px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.active-btn {
|
||||||
|
background: $color-1;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: $color-2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.button-form:not(.active-btn) {
|
||||||
|
&:hover {
|
||||||
|
transform: translateX(3px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.info-form-container{
|
||||||
|
width: 20%;
|
||||||
|
border: 2px solid black;
|
||||||
|
border-radius: 0px 15px 15px 0px;
|
||||||
|
background-color: aliceblue;
|
||||||
|
p{
|
||||||
|
line-height: 15px;
|
||||||
|
letter-spacing: 1.01px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-page{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.form-container{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
justify-content: center;
|
||||||
|
padding-top: 2%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.description-type-connection{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.cadre {
|
||||||
|
padding: 50px 50px;
|
||||||
|
border: 2px solid black;
|
||||||
|
border-right: 0px solid black;
|
||||||
|
border-radius: 15px 0px 0px 15px;
|
||||||
|
background-color: $color-1;
|
||||||
|
h1 {
|
||||||
|
letter-spacing: 5px;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inputbox {
|
||||||
|
position: relative;
|
||||||
|
width: 300px;
|
||||||
|
margin-top: 25px;
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
border: 2px solid #000;
|
||||||
|
outline: none;
|
||||||
|
background-color: $color-3;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
position: absolute;
|
||||||
|
top: 14px;
|
||||||
|
left: 20px;
|
||||||
|
font-size: 1em;
|
||||||
|
transition: 0.3s;
|
||||||
|
font-family: sans-serif;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.chexkboxConditionGenerale{
|
||||||
|
margin-top: 3px;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
.error{
|
||||||
|
padding-left: 5px;
|
||||||
|
font-size: small;
|
||||||
|
font-weight: 600;
|
||||||
|
color: red;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
#connexion,#inscription{
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.span_date{
|
||||||
|
margin-left: 7px;
|
||||||
|
font-size: 1em;
|
||||||
|
font-family: sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cadre .inputbox input:focus ~ span,
|
||||||
|
.cadre .inputbox input:valid ~ span {
|
||||||
|
transform: translateX(-13px) translateY(-35px);
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="submit"], .buttonTEL{
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 2px solid #000;
|
||||||
|
background-color: $color-3;
|
||||||
|
width: 300px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttonTEL{
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="submit"]:hover, .buttonTEL:hover{
|
||||||
|
background-color: $color-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mdp{
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-form-container{
|
||||||
|
.info-form-right{
|
||||||
|
padding-top: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.enregistrementReussi{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
PORT=5000
|
||||||
|
DB_USER_PASS=Favor_bdd:JmvgkvOoHP0XGhX7
|
||||||
|
TOKEN_SECRET=o5ckr52nqbg8cu01dh7p3er6tzxxq09zerg3pqehvldd7adzdada
|
||||||
|
CLIENT_URL=http://localhost:3000
|
||||||
Loading…
Reference in new issue