Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on Mar 9, 2021. It is now read-only.

Fix Load More button in Upcoming Meetups section #129

Closed
wants to merge 2 commits into from
Closed

Fix Load More button in Upcoming Meetups section #129

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
17d4f7e
fix #119
vinaypuppal Dec 17, 2017
b429652
fixes #126
vinaypuppal Dec 17, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 9 additions & 5 deletions pages/events.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,15 +51,15 @@ export default class Events extends React.Component {
} else {
throw new Error('Failed to retieve future events');
}
await this.setState({
this.setState({
pastEvents,
futureEvents,
fetchError: null,
loading: false,
});
} catch (err) {
console.log(err);
await this.setState({
this.setState({
pastEvents: null,
futureEvents: null,
fetchError: err.message,
Expand Down Expand Up @@ -91,12 +91,16 @@ export default class Events extends React.Component {
return (
<div>
{events.slice(0, loadLimit).map(event => {
console.log(event);
const regexForImageSrc = /<img.*?src="([^">]*\/([^">]*?))".*?>/g;
const imageSrc = regexForImageSrc.exec(event.description);
const imgs = regexForImageSrc.exec(event.description);
const imageSrc = imgs
? imgs[1]
: event.featured_photo ? event.featured_photo.photo_link : imagePlaceholderURL;
return (
<EventCard
key={event.id}
image={imageSrc ? imageSrc[1] : imagePlaceholderURL}
image={imageSrc}
name={event.name}
location={event.venue ? event.venue.name : 'Online'}
online={!event.venue}
Expand All @@ -114,7 +118,7 @@ export default class Events extends React.Component {
renderLoadMoreButton(eventsTotalLength, loadLimit, isPastEvent) {
return loadLimit >= eventsTotalLength ? null : (
<div className="loadmore_div" mb={[5, 5]}>
<Button inverted medium onClick={event => this.loadMore(event, isPastEvent)}>
<Button inverted medium onClick={() => this.loadMore(isPastEvent)}>
Load more
</Button>
</div>
Expand Down