From 3ab9b0edf195b1e5f7e887ebb5f3e616bd6be4c4 Mon Sep 17 00:00:00 2001
From: Ben Gotow <ben@foundry376.com>
Date: Sun, 30 Jun 2019 20:48:13 -0500
Subject: [PATCH] Add a small button for downloading ics attachments to the
 event preview #1547

---
 app/internal_packages/events/lib/event-header.tsx |  3 +++
 app/internal_packages/events/styles/events.less   | 10 ++++++++++
 2 files changed, 13 insertions(+)

diff --git a/app/internal_packages/events/lib/event-header.tsx b/app/internal_packages/events/lib/event-header.tsx
index 4dde0ac03..5646f7d8a 100644
--- a/app/internal_packages/events/lib/event-header.tsx
+++ b/app/internal_packages/events/lib/event-header.tsx
@@ -129,6 +129,9 @@ export class EventHeader extends React.Component<EventHeaderProps, EventHeaderSt
     return (
       <div className="event-wrapper">
         <div className="event-header">
+          <div className="event-download" onClick={() => Actions.fetchAndOpenFile(this.props.file)}>
+            <RetinaImg name="icon-attachment-download.png" mode={RetinaImg.Mode.ContentIsMask} />
+          </div>
           <RetinaImg name="icon-RSVP-calendar-mini@2x.png" mode={RetinaImg.Mode.ContentPreserve} />
           <span className="event-title-text">{localized('Event')}: </span>
           <span className="event-title">{icsEvent.summary}</span>
diff --git a/app/internal_packages/events/styles/events.less b/app/internal_packages/events/styles/events.less
index d75012e75..4c2e7e437 100644
--- a/app/internal_packages/events/styles/events.less
+++ b/app/internal_packages/events/styles/events.less
@@ -31,6 +31,16 @@
     .event-title {
       color: @text-color;
     }
+    .event-download {
+      float: right;
+      border-radius: @border-radius-base;
+      border: 1px solid @border-color-divider;
+      padding: 0px 4px;
+      img {
+        background: @text-color-very-subtle;
+        margin: 0;
+      }
+    }
   }
 
   .event-body {