Update Share Button (#2432)

* update shareboard button to always display * lint fixes * fix/update unit tests * update shareboard button to always display * lint fixes * fix/update unit tests * Updating UI for share dialog * Updating test * update tests * update to include view Co-authored-by: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
mattermost-community · Mar 2, 2022 · 50020ce · 50020ce
1 parent 8ccf772
commit 50020ce
Show file tree

Hide file tree

Showing 10 changed files with 418 additions and 198 deletions.
diff --git a/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap b/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap
@@ -8377,7 +8377,23 @@ exports[`components/centerPanel should match snapshot for Kanban, not shared 1`]
         </div>
         <div
           class="shareButtonWrapper"
-        />
+        >
+          <div
+            class="ShareBoardButton"
+          >
+            <button
+              title="Share board"
+              type="button"
+            >
+              <i
+                class="CompassIcon icon-globe CompassIcon"
+              />
+              <span>
+                Share
+              </span>
+            </button>
+          </div>
+        </div>
       </div>
       <div
         class="ViewHeader"

diff --git a/webapp/src/components/centerPanel.tsx b/webapp/src/components/centerPanel.tsx
@@ -215,10 +215,11 @@ class CenterPanel extends React.Component<Props, State> {
                             readonly={this.props.readonly}
                         />
                         <div className='shareButtonWrapper'>
-                            {!this.props.readonly && this.props.showShared &&
+                            {!this.props.readonly &&
                                 (
                                     <ShareBoardButton
                                         boardId={this.props.board.id}
+                                        enableSharedBoards={this.props.clientConfig?.enablePublicSharedBoards || false}
                                     />
                                 )
                             }
@@ -237,7 +238,6 @@ class CenterPanel extends React.Component<Props, State> {
                         addCardTemplate={this.addCardTemplate}
                         editCardTemplate={this.editCardTemplate}
                         readonly={this.props.readonly}
-                        showShared={this.props.showShared}
                     />
                 </div>