ruidy/devbook_ts
1
0
Fork 0
mirror of https://github.com/rjNemo/devbook_ts synced 2026-06-12 05:26:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add placeholders to profile

Browse source
This commit is contained in:
Ruidy Nemausat 2020-05-17 16:29:00 +02:00
parent 4a89aedf4f
commit db8cd9bd5c
1 changed files with 70 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/pages/Profile.tsx
View file

@ -125,7 +125,12 @@ const Profile: FC<IProps> = ({dev}) => {
<div className="profile-exp bg-white p-2"> <div className="profile-exp bg-white p-2">
<h2 className="text-primary">Experiences</h2> <h2 className="text-primary">Experiences</h2>
{dev.experiences?.map((exp: Experience, i: number) => ( {dev.experiences.length === 0 ? (
<div>
<img src={require('../static/img/404.jpg')} alt="" />
</div>
) : (
dev.experiences.map((exp: Experience, i: number) => (
<div key={i}> <div key={i}>
<h3>{exp.company}</h3> <h3>{exp.company}</h3>
<p>{getTimePeriod(exp.from, exp.to)}</p> <p>{getTimePeriod(exp.from, exp.to)}</p>
@ -138,12 +143,18 @@ const Profile: FC<IProps> = ({dev}) => {
{exp.description} {exp.description}
</p> </p>
</div> </div>
))} ))
)}
</div> </div>
<div className="profile-edu bg-white p-2"> <div className="profile-edu bg-white p-2">
<h2 className="text-primary">Education</h2> <h2 className="text-primary">Education</h2>
{dev.educations?.map((edu: Education, i: number) => ( {dev.educations.length === 0 ? (
<div>
<img src={require('../static/img/404.jpg')} alt="" />
</div>
) : (
dev.educations.map((edu: Education, i: number) => (
<div key={i}> <div key={i}>
<h3>{edu.school}</h3> <h3>{edu.school}</h3>
<p>{getTimePeriod(edu.from, edu.to)}</p> <p>{getTimePeriod(edu.from, edu.to)}</p>
@ -160,7 +171,8 @@ const Profile: FC<IProps> = ({dev}) => {
{edu.description} {edu.description}
</p> </p>
</div> </div>
))} ))
)}
</div> </div>
<div className="profile-github"> <div className="profile-github">
@ -168,7 +180,12 @@ const Profile: FC<IProps> = ({dev}) => {
<FontAwesomeIcon icon={faGithub} /> GitHub Repos <FontAwesomeIcon icon={faGithub} /> GitHub Repos
</h2> </h2>
{dev.repos?.map((r: Repo, i: number) => ( {dev.repos.length === 0 ? (
<div>
<img src={require('../static/img/404.jpg')} alt="" />
</div>
) : (
dev.repos.map((r: Repo, i: number) => (
<div className="repo bg-white my-1 p-1"> <div className="repo bg-white my-1 p-1">
<div> <div>
<h4> <h4>
@ -190,7 +207,8 @@ const Profile: FC<IProps> = ({dev}) => {
</ul> </ul>
</div> </div>
</div> </div>
))} ))
)}
</div> </div>
</div> </div>
</section> </section>