camerin
/
portfolio
mirror of https://github.com/RaspberryProgramming/portfolio.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Limit render to 1 on About page

This commit is contained in:
Camerin 2022-01-11 09:42:04 -05:00
parent 4505cc6c62
commit b6ca737c97
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/About.js
View File

@ -45,7 +45,7 @@ class About extends React.Component {
<Card title="Github" image="/img/github.webp" link="/github"> <Card title="Github" image="/img/github.webp" link="/github">
You can access a list of github repositories that I've created directly on this site. You can access a list of github repositories that I've created directly on this site.
<GithubRepos style={{width: "50vw"}} username="RaspberryProgramming"/> <GithubRepos style={{width: "50vw"}} username="RaspberryProgramming" single/>
</Card> </Card>

2
src/components/css/Card.css
View File

@ -17,8 +17,6 @@
font-size:xx-large; font-size:xx-large;
margin-right: 2rem; margin-right: 2rem;
margin-top: 2rem; margin-top: 2rem;
max-height: 80vh;
overflow: hidden;
} }
.card img { .card img {

5
src/components/subcomponents/GithubRepos.js
View File

@ -39,7 +39,9 @@ class GithubRepos extends React.Component {
if (this.props.repos.length > 0) { if (this.props.repos.length > 0) {
// Render each repo // Render each repo
const render = this.props.repos.map((repo) =>{ let repos = this.props.single ? [this.props.repos[0]] : this.props.repos
const render = repos.map((repo) =>{
let updated = (new Date (repo.updated_at)).toLocaleString(); let updated = (new Date (repo.updated_at)).toLocaleString();
let created = (new Date (repo.created_at)).toLocaleString(); let created = (new Date (repo.created_at)).toLocaleString();
@ -104,6 +106,7 @@ class GithubRepos extends React.Component {
}); });
} }
return (<div>{this.renderRepos()}</div>); return (<div>{this.renderRepos()}</div>);
} }