From 0ef542041b175afb173b31e4c2c70a2fb27ff21d Mon Sep 17 00:00:00 2001
From: Dave Snider <dave.snider@gmail.com>
Date: Wed, 30 Jun 2021 07:47:53 -0400
Subject: [PATCH] Remove add data button from nav (#103810)

* Remove add data button from nav

* remove unused imports

Co-authored-by: Michail Yasonik <michail.yasonik@elastic.co>
---
 .../collapsible_nav.test.tsx.snap             | 89 -------------------
 .../chrome/ui/header/collapsible_nav.tsx      | 12 ---
 2 files changed, 101 deletions(-)

diff --git a/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
index a653fbc5e40bd..9e890f5bce408 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
@@ -1917,95 +1917,6 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
             />
           </div>
         </EuiFlexItem>
-        <EuiFlexItem
-          grow={false}
-        >
-          <div
-            className="euiFlexItem euiFlexItem--flexGrowZero"
-          >
-            <span />
-            <EuiCollapsibleNavGroup>
-              <div
-                className="euiCollapsibleNavGroup"
-                id="generated-id"
-              >
-                <div
-                  className="euiCollapsibleNavGroup__children"
-                >
-                  <EuiButton
-                    fill={true}
-                    fullWidth={true}
-                    iconType="plusInCircleFilled"
-                  >
-                    <EuiButtonDisplay
-                      baseClassName="euiButton"
-                      disabled={false}
-                      element="button"
-                      fill={true}
-                      fullWidth={true}
-                      iconType="plusInCircleFilled"
-                      isDisabled={false}
-                      type="button"
-                    >
-                      <button
-                        className="euiButton euiButton--primary euiButton--fill euiButton--fullWidth"
-                        disabled={false}
-                        style={
-                          Object {
-                            "minWidth": undefined,
-                          }
-                        }
-                        type="button"
-                      >
-                        <EuiButtonContent
-                          className="euiButton__content"
-                          iconSide="left"
-                          iconType="plusInCircleFilled"
-                          textProps={
-                            Object {
-                              "className": "euiButton__text",
-                            }
-                          }
-                        >
-                          <span
-                            className="euiButtonContent euiButton__content"
-                          >
-                            <EuiIcon
-                              className="euiButtonContent__icon"
-                              color="inherit"
-                              size="m"
-                              type="plusInCircleFilled"
-                            >
-                              <span
-                                className="euiButtonContent__icon"
-                                color="inherit"
-                                data-euiicon-type="plusInCircleFilled"
-                                size="m"
-                              />
-                            </EuiIcon>
-                            <span
-                              className="euiButton__text"
-                            >
-                              <FormattedMessage
-                                defaultMessage="Add Data"
-                                id="core.ui.primaryNavSection.addDataBtn"
-                                values={Object {}}
-                              >
-                                <span>
-                                  Add Data
-                                </span>
-                              </FormattedMessage>
-                            </span>
-                          </span>
-                        </EuiButtonContent>
-                      </button>
-                    </EuiButtonDisplay>
-                  </EuiButton>
-                </div>
-              </div>
-            </EuiCollapsibleNavGroup>
-          </div>
-        </EuiFlexItem>
       </nav>
     </EuiFlyout>
   </EuiCollapsibleNav>
diff --git a/src/core/public/chrome/ui/header/collapsible_nav.tsx b/src/core/public/chrome/ui/header/collapsible_nav.tsx
index 2ce5cf2ee4933..eaddc6b94bd46 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.tsx
@@ -16,10 +16,8 @@ import {
   EuiListGroupItem,
   EuiShowFor,
   EuiCollapsibleNavProps,
-  EuiButton,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
-import { FormattedMessage } from '@kbn/i18n/react';
 import { groupBy, sortBy } from 'lodash';
 import React, { Fragment, useRef } from 'react';
 import useObservable from 'react-use/lib/useObservable';
@@ -325,16 +323,6 @@ export function CollapsibleNav({
           </EuiCollapsibleNavGroup>
         </EuiShowFor>
       </EuiFlexItem>
-      {/* Quick addition of that "ADD DATA" button everyone wants :) Feel free to remove though. */}
-      <EuiFlexItem grow={false}>
-        {/* Span fakes the nav group into not being the first item and therefore adding a top border */}
-        <span />
-        <EuiCollapsibleNavGroup>
-          <EuiButton fill fullWidth iconType="plusInCircleFilled">
-            <FormattedMessage id="core.ui.primaryNavSection.addDataBtn" defaultMessage="Add Data" />
-          </EuiButton>
-        </EuiCollapsibleNavGroup>
-      </EuiFlexItem>
     </EuiCollapsibleNav>
   );
 }