fixing issue with IE11

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016 Jason Salzman
+Copyright (c) 2016-2017 Jason Salzman
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -88,4 +88,4 @@ The examples are hosted within the docs folder and are ran in the simple add tha
 
 ## License
 
-Copyright (c) 2016 Jason Salzman. Licensed under MIT license, see [LICENSE](LICENSE) for the full license.
+Copyright (c) 2016-2017 Jason Salzman. Licensed under MIT license, see [LICENSE](LICENSE) for the full license.

package.json

@@ -2,7 +2,7 @@
   "author": "Jason Salzman",
   "name": "react-add-to-calendar",
   "description": "A simple and reusable add to calendar button component for React",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "license": "MIT",
   "homepage": "https://github.com/jasonsalzman/react-add-to-calendar",
   "repository": {

src/ReactAddToCalendar.js

@@ -1,6 +1,4 @@
-import React, {
+import React, {Component} from 'react';
-	Component,
-} from 'react';
 
 import helpersClass from './helpers';
 const helpers = new helpersClass();
@@ -43,8 +41,7 @@ export default class ReactAddToCalendar extends React.Component {
         e.preventDefault();
         let url = e.currentTarget.getAttribute('href');
 
-        if (this.state.isCrappyIE && (e.currentTarget.getAttribute('class') === 'ical-link' ||
+        if (this.state.isCrappyIE) {
-            e.currentTarget.getAttribute('class') === 'outlook-calendar-link')) {
             let blob = new Blob([url], {type: 'text/calendar'});
             window.navigator.msSaveOrOpenBlob(blob, 'download.ics');
         } else {
@@ -63,15 +60,15 @@ export default class ReactAddToCalendar extends React.Component {
 
             let icon = null;
             if (self.props.displayItemIcons) {
-                let currentIcon = (currentItem === 'outlook') ? 'windows' : currentItem;
+                let currentIcon = (currentItem === 'outlook')
+                    ? 'windows'
+                    : currentItem;
                 icon = <i className={'fa fa-' + currentIcon}/>;
             }
 
             return (
                 <li key={helpers.getRandomKey()}>
-                    <a className={currentItem + '-link'} onClick={self.handleDropdownLinkClick}
+                    <a className={currentItem + '-link'} onClick={self.handleDropdownLinkClick} href={helpers.buildUrl(self.props.event, currentItem, self.state.isCrappyIE)} target="_blank">
-                        href={helpers.buildUrl(self.props.event, currentItem, self.state.isCrappyIE)}
-                        target="_blank">
                         {icon}
                         {currentLabel}</a>
                 </li>
@@ -97,20 +94,22 @@ export default class ReactAddToCalendar extends React.Component {
             let buttonIconClass = 'react-add-to-calendar__icon--' + iconPlacement + ' fa fa-';
 
             if (template[0] === 'caret') {
-                buttonIconClass += (this.state.optionsOpen) ? 'caret-up' : 'caret-down';
+                buttonIconClass += (this.state.optionsOpen)
+                    ? 'caret-up'
+                    : 'caret-down';
             } else {
                 buttonIconClass += template[0];
             }
 
             buttonIcon = <i className={buttonIconClass}/>;
-            buttonLabel = (iconPlacement === 'right') ?
+            buttonLabel = (iconPlacement === 'right')
-                (
+                ? (
                     <span>
                         {buttonLabel + ' '}
                         {buttonIcon}
                     </span>
-                ) :
+                )
-                (
+                : (
                     <span>
                         {buttonIcon}
                         {' ' + buttonLabel}
@@ -118,12 +117,13 @@ export default class ReactAddToCalendar extends React.Component {
                 );
         }
 
-        let buttonClass = (this.state.optionsOpen) ? this.props.buttonClassClosed + ' ' + this.props.buttonClassOpen : this.props.buttonClassClosed;
+        let buttonClass = (this.state.optionsOpen)
+            ? this.props.buttonClassClosed + ' ' + this.props.buttonClassOpen
+            : this.props.buttonClassClosed;
 
         return (
             <div className={this.props.buttonWrapperClass}>
-                <a className={buttonClass}
+                <a className={buttonClass} onClick={this.toggleCalendarDropdown}>{buttonLabel}</a>
-                    onClick={this.toggleCalendarDropdown}>{buttonLabel}</a>
             </div>
         );
     }
@@ -158,13 +158,7 @@ ReactAddToCalendar.propTypes = {
     buttonWrapperClass: React.PropTypes.string,
     displayItemIcons: React.PropTypes.bool,
     dropdownClass: React.PropTypes.string,
-	event: React.PropTypes.shape({
+    event: React.PropTypes.shape({title: React.PropTypes.string, description: React.PropTypes.string, location: React.PropTypes.string, startTime: React.PropTypes.string, endTime: React.PropTypes.string}).isRequired,
-		title: React.PropTypes.string,
-		description: React.PropTypes.string,
-		location: React.PropTypes.string,
-		startTime: React.PropTypes.string,
-		endTime: React.PropTypes.string
-	}).isRequired,
     listItems: React.PropTypes.arrayOf(React.PropTypes.object),
     rootClass: React.PropTypes.string
 };
@@ -173,7 +167,9 @@ ReactAddToCalendar.defaultProps = {
     buttonClassClosed: 'react-add-to-calendar__button',
     buttonClassOpen: 'react-add-to-calendar__button--light',
     buttonLabel: 'Add to My Calendar',
-    buttonTemplate: { caret: 'right' },
+    buttonTemplate: {
+        caret: 'right'
+    },
     buttonWrapperClass: 'react-add-to-calendar__wrapper',
     displayItemIcons: true,
     dropdownClass: 'react-add-to-calendar__dropdown',
@@ -185,10 +181,15 @@ ReactAddToCalendar.defaultProps = {
         endTime: '2016-09-16T21:45:00-04:00'
     },
     listItems: [
-        { apple: 'Apple Calendar' },
+        {
-        { google: 'Google' },
+            apple: 'Apple Calendar'
-        { outlook: 'Outlook' },
+        }, {
-        { yahoo: 'Yahoo' }
+            google: 'Google'
+        }, {
+            outlook: 'Outlook'
+        }, {
+            yahoo: 'Yahoo'
+        }
     ],
     rootClass: 'react-add-to-calendar'
 };