@rileybathurst/paddle 1.7.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/src/index.tsx
CHANGED
|
@@ -23,10 +23,10 @@ export * from "./paddle-texture-backgrounds";
|
|
|
23
23
|
export * from "./paddle-location-deck";
|
|
24
24
|
export * from "./paddle-testimonials";
|
|
25
25
|
export * from "./paddle-brand-list";
|
|
26
|
-
export * from "./paddle-moonlight-
|
|
26
|
+
export * from "./paddle-moonlight-date-time"
|
|
27
27
|
|
|
28
28
|
// Templates
|
|
29
|
-
|
|
29
|
+
|
|
30
30
|
// Pages
|
|
31
31
|
|
|
32
32
|
// SEO
|
|
@@ -18,7 +18,7 @@ const Time = ({ string }: { string?: string }) => {
|
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
21
|
-
export const
|
|
21
|
+
export const PaddleMoonlightDatesTimes = ({ nodes }: MoonlightTourDateTime) => (
|
|
22
22
|
<div>
|
|
23
23
|
<h3>Moonlight Tour Dates</h3>
|
|
24
24
|
<ul>
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import * as React from "react"
|
|
2
|
-
// import { PaddleTime } from "./PaddleTime"
|
|
3
|
-
|
|
4
|
-
type PaddleMoonlightTourDatesTimesTypes = {
|
|
5
|
-
seasonStart: string
|
|
6
|
-
seasonEnd: string
|
|
7
|
-
nodes: {
|
|
8
|
-
id: React.Key;
|
|
9
|
-
date: string;
|
|
10
|
-
start: string;
|
|
11
|
-
finish: string;
|
|
12
|
-
}[];
|
|
13
|
-
}
|
|
14
|
-
export const PaddleMoonlightTourDatesTimes = ({ seasonStart, seasonEnd, nodes }: PaddleMoonlightTourDatesTimesTypes) => {
|
|
15
|
-
const currentDate = new Date();
|
|
16
|
-
if (currentDate > new Date(seasonEnd)) {
|
|
17
|
-
|
|
18
|
-
// console.log('its past the end of the season');
|
|
19
|
-
const futureTours = nodes.filter(tour => new Date(tour.date) >= currentDate);
|
|
20
|
-
// console.log(futureTours);
|
|
21
|
-
|
|
22
|
-
if (futureTours.length > 0) {
|
|
23
|
-
return (
|
|
24
|
-
<>
|
|
25
|
-
<h3>Next season tours</h3>
|
|
26
|
-
{futureTours.map((tour) => (
|
|
27
|
-
<p key={tour.id}>
|
|
28
|
-
{new Date(tour.date).toLocaleDateString('en-US', {
|
|
29
|
-
timeZone: 'UTC',
|
|
30
|
-
weekday: 'long',
|
|
31
|
-
year: 'numeric',
|
|
32
|
-
month: 'long',
|
|
33
|
-
day: 'numeric'
|
|
34
|
-
})} -
|
|
35
|
-
{/* <PaddleTime start={tour.start} finish={tour.finish} /> */}
|
|
36
|
-
tour.start - tour.finish
|
|
37
|
-
</p>
|
|
38
|
-
))}
|
|
39
|
-
</>
|
|
40
|
-
)
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
return (
|
|
45
|
-
<div>
|
|
46
|
-
<h3>Moonlight Tour Dates</h3>
|
|
47
|
-
<ul>
|
|
48
|
-
{nodes.map((tour) =>
|
|
49
|
-
<li key={tour.id}>
|
|
50
|
-
{/* // TODO: superfluous to have an element that could just be a class */}
|
|
51
|
-
<h4>
|
|
52
|
-
{new Date(tour.date).toLocaleDateString('en-US', {
|
|
53
|
-
weekday: 'long',
|
|
54
|
-
year: 'numeric',
|
|
55
|
-
month: 'long',
|
|
56
|
-
day: 'numeric'
|
|
57
|
-
})} -
|
|
58
|
-
{/* <PaddleTime start={tour.start} finish={tour.finish} /></h4> */}
|
|
59
|
-
tour.start - tour.finish
|
|
60
|
-
</h4>
|
|
61
|
-
</li>
|
|
62
|
-
)}
|
|
63
|
-
</ul>
|
|
64
|
-
</div>
|
|
65
|
-
)
|
|
66
|
-
}
|