diff --git a/src/routes/Calendar/Calendar.js b/src/routes/Calendar/Calendar.js
index ab9a8bf57..7bc574867 100644
--- a/src/routes/Calendar/Calendar.js
+++ b/src/routes/Calendar/Calendar.js
@@ -82,12 +82,12 @@ class Calendar extends Component {
monthDate.setMonth(monthDate.getMonth() + 1);
monthDate.setDate(0);
var daysCount = monthDate.getDate();
- var rowsCount = Math.ceil((padsCount + daysCount) / 7);
+ var weeksCount = Math.ceil((padsCount + daysCount) / 7);
return {
padsCount,
daysCount,
- rowsCount
+ weeksCount
};
}
@@ -100,44 +100,44 @@ class Calendar extends Component {
);
}
- renderMonthRows = () => {
- const { padsCount, daysCount, rowsCount } = this.getMonthInfo(this.state.date);
- var rows = [];
+ renderMonthWeeks = () => {
+ const { padsCount, daysCount, weeksCount } = this.getMonthInfo(this.state.date);
+ var weeks = [];
- for (let row = 0; row < rowsCount; row++) {
- rows.push(
-
- {this.renderMonthDays(row, rowsCount, padsCount, daysCount)}
+ for (let week = 0; week < weeksCount; week++) {
+ weeks.push(
+
+ {this.renderMonthDays(week, weeksCount, padsCount, daysCount)}
)
}
- return rows;
+ return weeks;
}
- renderMonthDays = (row, rowsCount, padsCount, daysCount) => {
+ renderMonthDays = (week, weeksCount, padsCount, daysCount) => {
var days = [];
for (let day = 0; day < 7; day++) {
days.push(
- day < padsCount && row === 0
+ day < padsCount && week === 0
?
:
- (row * 7) + (day - padsCount) < daysCount
+ (week * 7) + (day - padsCount) < daysCount
?
-
{(row * 7) + (day - padsCount + 1)}
+
{(week * 7) + (day - padsCount + 1)}
-
+
{this.props.metaItems
.map((metaitem) => metaitem.videos
- .filter((video) => video.released.getFullYear() === this.state.date.getFullYear() && video.released.getMonth() === this.state.date.getMonth() && video.released.getDate() === (row * 7) + (day - padsCount + 1))
+ .filter((video) => video.released.getFullYear() === this.state.date.getFullYear() && video.released.getMonth() === this.state.date.getMonth() && video.released.getDate() === (week * 7) + (day - padsCount + 1))
.map((video) =>
{days.map((day) =>
{day}
)}
- {this.renderMonthRows()}
+ {this.renderMonthWeeks()}
@@ -194,8 +194,8 @@ class Calendar extends Component {
.map((videoDate) =>
@@ -203,10 +203,10 @@ class Calendar extends Component {
{this.props.metaItems
.map((metaitem) => metaitem.videos
- .filter((video) => video.released.getFullYear() === this.state.date.getFullYear() && video.released.getMonth() === this.state.date.getMonth() && video.released.getDate() === parseInt(videoDate))
+ .filter((video) => video.released.getFullYear() === this.state.date.getFullYear() && video.released.getMonth() === this.state.date.getMonth() && video.released.getDate() === videoDate)
.map((video) =>
{video.description}
-
+
-
{video.released.getDate() < new Date().getDate() && video.released.getMonth() <= new Date().getMonth() && video.released.getFullYear() <= new Date().getFullYear() ? 'WATCH NOW' : 'SHOW'}
+
{video.released.getTime() < new Date().getTime() ? 'WATCH NOW' : 'SHOW'}
diff --git a/src/routes/Calendar/styles.less b/src/routes/Calendar/styles.less
index 88c15179c..7a7188c0a 100644
--- a/src/routes/Calendar/styles.less
+++ b/src/routes/Calendar/styles.less
@@ -76,7 +76,7 @@
}
}
- .row {
+ .week {
display: table-row;
.pad {