1
1
// External Dependencies
2
2
import {
3
3
Box ,
4
- // Button,
4
+ Button ,
5
5
} from '@material-ui/core' ;
6
6
import { Helmet } from 'react-helmet' ;
7
- // import OpenInNewIcon from '@material-ui/icons/OpenInNew';
7
+ import OpenInNewIcon from '@material-ui/icons/OpenInNew' ;
8
8
import PropTypes from 'prop-types' ;
9
9
import { makeStyles } from '@material-ui/core/styles' ;
10
10
import { Link } from 'gatsby' ;
@@ -29,7 +29,7 @@ const useStyles = makeStyles((theme) => ({
29
29
backgroundColor : theme . palette . events . hotelCta ,
30
30
color : theme . palette . getContrastText ( theme . palette . events . hotelCta ) ,
31
31
fontWeight : 600 ,
32
- marginBottom : theme . spacing ( 2 ) ,
32
+ margin : theme . spacing ( 2 , 0 , 1 ) ,
33
33
} ,
34
34
openInNewIcon : {
35
35
fontSize : '1em' ,
@@ -51,6 +51,22 @@ const FallRetreat = ({ location }) => {
51
51
52
52
const fallRetreat = edges . find ( ( e ) => e . node . titleOfEvent . includes ( 'Fall Retreat' ) ) . node ;
53
53
54
+ const hotelReservationButton = (
55
+ < Button
56
+ className = "hotel-link"
57
+ classes = { { root : classes . hotelButton } }
58
+ color = "primary"
59
+ href = "https://www.marriott.com/event-reservations/reservation-link.mi?id=1661882188530& key = GRP & app = resvlink "
60
+ rel = "noopener noreferrer"
61
+ size = "large"
62
+ target = "_blank"
63
+ variant = "contained"
64
+ >
65
+ For Hotel reservations click here
66
+ < OpenInNewIcon className = { classes . openInNewIcon } />
67
+ </ Button >
68
+ ) ;
69
+
54
70
return (
55
71
< Layout location = { location } >
56
72
< Helmet >
@@ -60,6 +76,8 @@ const FallRetreat = ({ location }) => {
60
76
< Container >
61
77
< h1 > { fallRetreat . titleOfEvent } </ h1 >
62
78
79
+ { hotelReservationButton }
80
+
63
81
< section >
64
82
{ /* <EnhancedAlert severity="info">
65
83
Schedule available mid Fall 2022
@@ -99,19 +117,6 @@ const FallRetreat = ({ location }) => {
99
117
< section >
100
118
< h4 > Where</ h4 >
101
119
< div className = { classes . text } >
102
- { /* <Button
103
- className="hotel-link"
104
- classes={{ root: classes.hotelButton }}
105
- color="primary"
106
- href="https://urldefense.com/v3/__https:/www.marriott.com/events/start.mi?id=1628712503612&key=GRP__;!!FOfmI8qiWcWBHqypJtzENF0!jyzZPCsDM5kHUt1F35tHVI-Q0F_cAKGDBYU9DAczeJzzxyJBs2B3ScbLPIDA2HGv6w$"
107
- rel="noopener noreferrer"
108
- size="large"
109
- target="_blank"
110
- variant="contained"
111
- >
112
- For Hotel reservations click here
113
- <OpenInNewIcon className={classes.openInNewIcon} />
114
- </Button> */ }
115
120
< address >
116
121
< p >
117
122
< a
@@ -122,6 +127,9 @@ const FallRetreat = ({ location }) => {
122
127
Austin Marriott South
123
128
</ a >
124
129
</ p >
130
+
131
+ { hotelReservationButton }
132
+
125
133
< p >
126
134
< a
127
135
href = "https://www.google.com/maps/place/4415+S+IH+35+Frontage+Rd,+Austin,+TX+78744/@30.2109504,-97.755463,17z/data=!3m1!4b1!4m5!3m4!1s0x8644b49cb7935da1:0x5a86d0320722c79b!8m2!3d30.2109504!4d-97.7532743"
0 commit comments