From 57fcdd93b3c1b924ba84717e55604c5b9176fe48 Mon Sep 17 00:00:00 2001
From: Kangho Lee <cannalee90@gmail.com>
Date: Thu, 13 Oct 2022 09:13:02 +0900
Subject: [PATCH] Add `export board archive` in the side bar context menu
 (#3977)

* add export board archieve menu for sidemenu

* modify sidebarBoarditem snapshot

Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
---
 .../sidebarBoardItem.test.tsx.snap            | 62 +++++++++++++++++++
 .../components/sidebar/sidebarBoardItem.tsx   |  7 +++
 2 files changed, 69 insertions(+)

diff --git a/webapp/src/components/sidebar/__snapshots__/sidebarBoardItem.test.tsx.snap b/webapp/src/components/sidebar/__snapshots__/sidebarBoardItem.test.tsx.snap
index 38f92e05b..dfcb02c07 100644
--- a/webapp/src/components/sidebar/__snapshots__/sidebarBoardItem.test.tsx.snap
+++ b/webapp/src/components/sidebar/__snapshots__/sidebarBoardItem.test.tsx.snap
@@ -191,6 +191,37 @@ exports[`components/sidebarBoardItem sidebar board item 1`] = `
                   />
                 </div>
               </div>
+              <div>
+                <div
+                  aria-label="Export board archive"
+                  class="MenuOption TextOption menu-option"
+                  role="button"
+                >
+                  <div
+                    class="d-flex"
+                  >
+                    <div
+                      class="menu-option__icon"
+                    >
+                      <i
+                        class="CompassIcon icon-export-variant"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="menu-option__content"
+                  >
+                    <div
+                      class="menu-name"
+                    >
+                      Export board archive
+                    </div>
+                  </div>
+                  <div
+                    class="noicon"
+                  />
+                </div>
+              </div>
               <div>
                 <div
                   aria-label="Hide board"
@@ -387,6 +418,37 @@ exports[`components/sidebarBoardItem sidebar board item for guest 1`] = `
               </div>
               <div />
               <div />
+              <div>
+                <div
+                  aria-label="Export board archive"
+                  class="MenuOption TextOption menu-option"
+                  role="button"
+                >
+                  <div
+                    class="d-flex"
+                  >
+                    <div
+                      class="menu-option__icon"
+                    >
+                      <i
+                        class="CompassIcon icon-export-variant"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="menu-option__content"
+                  >
+                    <div
+                      class="menu-name"
+                    >
+                      Export board archive
+                    </div>
+                  </div>
+                  <div
+                    class="noicon"
+                  />
+                </div>
+              </div>
               <div>
                 <div
                   aria-label="Hide board"
diff --git a/webapp/src/components/sidebar/sidebarBoardItem.tsx b/webapp/src/components/sidebar/sidebarBoardItem.tsx
index 1ed8eeba9..5eff93106 100644
--- a/webapp/src/components/sidebar/sidebarBoardItem.tsx
+++ b/webapp/src/components/sidebar/sidebarBoardItem.tsx
@@ -39,6 +39,7 @@ import {getMe, getMyConfig, patchProps} from '../../store/users'
 import octoClient from '../../octoClient'
 import {getCurrentBoardId, getMySortedBoards} from '../../store/boards'
 import {UserSettings} from '../../userSettings'
+import {Archiver} from '../../archiver'
 
 const iconForViewType = (viewType: IViewType): JSX.Element => {
     switch (viewType) {
@@ -252,6 +253,12 @@ const SidebarBoardItem = (props: Props) => {
                                     icon={<AddIcon/>}
                                     onClick={() => handleDuplicateBoard(true)}
                                 />}
+                            <Menu.Text
+                                id='exportBoardArchive'
+                                name={intl.formatMessage({id: 'ViewHeader.export-board-archive', defaultMessage: 'Export board archive'})}
+                                icon={<CompassIcon icon='export-variant'/>}
+                                onClick={() => Archiver.exportBoardArchive(board)}
+                            />
                             <Menu.Text
                                 id='hideBoard'
                                 name={intl.formatMessage({id: 'HideBoard.MenuOption', defaultMessage: 'Hide board'})}