feat: Add to Google Calendar

app/components/public/add-to-calender.js

@@ -0,0 +1,19 @@
+import Component from '@glimmer/component';
+import moment from 'moment';
+
+export default class AddToCalender extends Component {
+  params = this.args.event;
+
+  get gmt() {
+    return `GMT${moment.tz(this.params.timezone).format('Z')}`;
+  }
+
+  get calender() {
+    const startparams = this.params.startsAt;
+    const endparams = this.params.endsAt;
+    const starttime = moment(startparams).tz(this.params.timezone).utc().format('YYYYMMDD[T]HHmmSS[Z]');
+    const endtime = moment(endparams).tz(this.params.timezone).utc().format('YYYYMMDD[T]HHmmSS[Z]');
+    return `https://calendar.google.com/calendar/u/0/r/eventedit?dates=${starttime}/${endtime}&text=${this.params.name}&location=${this.args.eventlocation}&sf=true`;
+  }
+
+}

app/templates/components/public/add-to-calender.hbs

@@ -0,0 +1,6 @@
+<div class="ui list basic segment">
+  <div class="content">
+    <li>{{general-date this.params.startsAt this.params.timezone "dddd, MMMM DD, YYYY h:mm A"}} To {{general-date this.params.endsAt this.params.timezone "dddd, MMMM DD, YYYY h:mm A"}} {{this.gmt}}</li>
+    <i class="calendar alternate outline icon"></i><a href={{this.calender}}>Add To Calender </a>
+  </div>
+</div>

app/templates/public.hbs

@@ -77,7 +77,8 @@
               {{/each}}
             </div>
           {{/if}}
-          <Public::SocialLinks @externalUrl={{this.model.externalEventUrl}} @socialLinks={{this.model.socialLinks}} />
+          <Public::AddToCalender @event={{this.model}} @eventlocation={{this.headerLocation}}/>
+          <Public::SocialLinks @externalUrl={{this.model.externalEventUrl}} @socialLinks={{this.model.socialLinks}}/>
         {{/if}}
       </div>
     </div>