mirror of
https://github.com/koodiklinikka/koodiklinikka.fi.git
synced 2026-02-07 07:49:55 +00:00
44 lines
918 B
TypeScript
44 lines
918 B
TypeScript
import React from "react";
|
|
import request from "axios";
|
|
import shuffle from "lodash/shuffle";
|
|
import api from "./api";
|
|
|
|
export default class Members extends React.Component {
|
|
state = {
|
|
members: [],
|
|
};
|
|
|
|
componentDidMount() {
|
|
this.refreshMembers();
|
|
}
|
|
|
|
async refreshMembers() {
|
|
const res = await request.get(api("members"));
|
|
this.setState({
|
|
members: shuffle(res.data),
|
|
});
|
|
}
|
|
|
|
render() {
|
|
const members = this.state.members.map((member) => {
|
|
const src = `${member.avatar_url}&s=120`;
|
|
return (
|
|
<img className="member" key={member.avatar_url} src={src} alt="" />
|
|
);
|
|
});
|
|
|
|
return (
|
|
<div className="members" aria-hidden="true">
|
|
<a
|
|
href="https://github.com/koodiklinikka"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
tabIndex={-1}
|
|
>
|
|
{members}
|
|
</a>
|
|
</div>
|
|
);
|
|
}
|
|
}
|