apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

git fetch

Browse Source
This commit is contained in:
Николай Полтщук 2023-01-03 01:03:12 +03:00
parent 405986d5d5
commit 3238bf221c
3 changed files with 61 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Profile/ProfileHeader.js
View File

@ -10,7 +10,6 @@ import './profileHeader.scss'
export const ProfileHeader = () => { export const ProfileHeader = () => {
const [isLoggingOut, setIsLoggingOut] = useState(false); const [isLoggingOut, setIsLoggingOut] = useState(false);
const [gitInfo, setGitInfo] = useState([])
const dispatch = useDispatch(); const dispatch = useDispatch();
const userRole = useSelector(getRole); const userRole = useSelector(getRole);
const profileInfo = useSelector(getProfileInfo) const profileInfo = useSelector(getProfileInfo)
@ -22,11 +21,6 @@ export const ProfileHeader = () => {
}).then((profileInfo) => { }).then((profileInfo) => {
dispatch(setProfileInfo(profileInfo)) dispatch(setProfileInfo(profileInfo))
}) })
fetchGet({
link: `${process.env.REACT_APP_API_URL}/api/profile/portfolio-projects?card_id=${localStorage.getItem('cardId')}`,
}).then((responseGit) => {
setGitInfo(responseGit)
})
}, []) }, [])
return( return(
<header className='profileHeader'> <header className='profileHeader'>

31
src/components/Profile/profile.scss
View File

@ -150,7 +150,7 @@
font-size: 18px; font-size: 18px;
line-height: 32px; line-height: 32px;
@media (max-width: 420px) { @media (max-width: 660px) {
line-height: 20px; line-height: 20px;
} }
} }
@ -166,6 +166,7 @@
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
line-height: 32px; line-height: 32px;
white-space: nowrap;
@media (max-width: 520px) { @media (max-width: 520px) {
font-size: 12px; font-size: 12px;
@ -270,6 +271,10 @@
max-width: 350px; max-width: 350px;
width: 100%; width: 100%;
@media (max-width: 825px) {
max-width: 100%;
}
&__about { &__about {
display: flex; display: flex;
align-items: center; align-items: center;
@ -289,6 +294,30 @@
font-size: 16px; font-size: 16px;
line-height: 32px; line-height: 32px;
margin-bottom: 0; margin-bottom: 0;
white-space: nowrap;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
@media (max-width: 1040px) {
max-width: 250px;
}
@media (max-width: 890px) {
max-width: 200px;
}
@media (max-width: 825px) {
max-width: 500px;
}
@media (max-width: 720px) {
max-width: 250px;
}
@media (max-width: 470px) {
max-width: 200px;
}
} }
} }

78
src/pages/Profile.js
View File

@ -1,4 +1,4 @@
import React, {useState} from 'react'; import React, {useEffect, useState} from 'react';
import { ProfileHeader } from "../components/Profile/ProfileHeader"; import { ProfileHeader } from "../components/Profile/ProfileHeader";
import {getProfileInfo} from "../redux/outstaffingSlice"; import {getProfileInfo} from "../redux/outstaffingSlice";
import { useSelector } from "react-redux"; import { useSelector } from "react-redux";
@ -10,10 +10,19 @@ import rightArrow from "../images/arrowRight.png"
import gitImgItem from "../images/gitItemImg.png" import gitImgItem from "../images/gitItemImg.png"
import './../components/Profile/profile.scss' import './../components/Profile/profile.scss'
import {fetchGet} from "../server/server";
export const Profile = () => { export const Profile = () => {
const profileInfo = useSelector(getProfileInfo) const profileInfo = useSelector(getProfileInfo)
const [openGit, setOpenGit] = useState(false); const [openGit, setOpenGit] = useState(false);
const [gitInfo, setGitInfo] = useState([])
useEffect(() => {
fetchGet({
link: `${process.env.REACT_APP_API_URL}/api/profile/portfolio-projects?card_id=${localStorage.getItem('cardId')}`,
}).then((responseGit) => {
setGitInfo(responseGit)
})
}, [])
return( return(
<div className='profile'> <div className='profile'>
<ProfileHeader/> <ProfileHeader/>
@ -60,78 +69,27 @@ export const Profile = () => {
<button>Редактировать раздел</button> <button>Редактировать раздел</button>
</div> </div>
<div className='profile__sectionGitItems'> <div className='profile__sectionGitItems'>
<div className='profile__sectionGitItem gitItem'> {gitInfo.length && gitInfo.map((itemGit) => {
return <div key={itemGit.id} className='profile__sectionGitItem gitItem'>
<div className='gitItem__info'> <div className='gitItem__info'>
<div className='gitItem__info__about'> <div className='gitItem__info__about'>
<img src={gitImgItem} alt='gitImg' /> <img src={gitImgItem} alt='gitImg' />
<div className='gitItem__info__name'> <div className='gitItem__info__name'>
<h4>cybershop-api</h4> <h4>{itemGit.title}</h4>
<p>Реактивная социальная сеть</p> <p>{itemGit.description}</p>
</div> </div>
</div> </div>
<div className='gitItem__info__specification'> <div className='gitItem__info__specification'>
<span></span> <span></span>
<p>JavaScript</p> <p>{itemGit.main_stack}</p>
</div> </div>
</div> </div>
<a className='gitItem__link'> <a className='gitItem__link' href={itemGit.link} target="_blank">
<img src={rightArrow} alt='arrowRight' />
</a>
</div>
<div className='profile__sectionGitItem gitItem'>
<div className='gitItem__info'>
<div className='gitItem__info__about'>
<img src={gitImgItem} alt='gitImg' />
<div className='gitItem__info__name'>
<h4>cybershop-api</h4>
<p>Реактивная социальная сеть</p>
</div>
</div>
<div className='gitItem__info__specification'>
<span></span>
<p>JavaScript</p>
</div>
</div>
<a className='gitItem__link'>
<img src={rightArrow} alt='arrowRight' />
</a>
</div>
<div className='profile__sectionGitItem gitItem'>
<div className='gitItem__info'>
<div className='gitItem__info__about'>
<img src={gitImgItem} alt='gitImg' />
<div className='gitItem__info__name'>
<h4>cybershop-api</h4>
<p>Реактивная социальная сеть</p>
</div>
</div>
<div className='gitItem__info__specification'>
<span></span>
<p>JavaScript</p>
</div>
</div>
<a className='gitItem__link'>
<img src={rightArrow} alt='arrowRight' />
</a>
</div>
<div className='profile__sectionGitItem gitItem'>
<div className='gitItem__info'>
<div className='gitItem__info__about'>
<img src={gitImgItem} alt='gitImg' />
<div className='gitItem__info__name'>
<h4>cybershop-api</h4>
<p>Реактивная социальная сеть</p>
</div>
</div>
<div className='gitItem__info__specification'>
<span></span>
<p>JavaScript</p>
</div>
</div>
<a className='gitItem__link'>
<img src={rightArrow} alt='arrowRight' /> <img src={rightArrow} alt='arrowRight' />
</a> </a>
</div> </div>
})
}
</div> </div>
</div> </div>
} }