From d31245866c3584b100c9f057a5132607e3b95db8 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Tue, 14 Jan 2020 15:35:01 +0100
Subject: [PATCH] Add DEPRECATED to states ui (#4463)

* Add DEPRECATED to states ui

* unelevated red

* target

* Add msg in info
---
 .../developer-tools/info/developer-tools-info.ts  |  6 ++++--
 src/panels/states/ha-panel-states.js              | 15 +++++++++++++++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/panels/developer-tools/info/developer-tools-info.ts b/src/panels/developer-tools/info/developer-tools-info.ts
index 9e86c9df61..5d33f1d81c 100644
--- a/src/panels/developer-tools/info/developer-tools-info.ts
+++ b/src/panels/developer-tools/info/developer-tools-info.ts
@@ -32,7 +32,9 @@ class HaPanelDevInfo extends LitElement {
     const nonDefaultLinkText =
       localStorage.defaultPage === OPT_IN_PANEL && OPT_IN_PANEL === "states"
         ? this.hass.localize("ui.panel.developer-tools.tabs.info.lovelace_ui")
-        : this.hass.localize("ui.panel.developer-tools.tabs.info.states_ui");
+        : `${this.hass.localize(
+            "ui.panel.developer-tools.tabs.info.states_ui"
+          )} (DEPRECATED)`;
 
     const defaultPageText = `${this.hass.localize(
       "ui.panel.developer-tools.tabs.info.default_ui",
@@ -41,7 +43,7 @@ class HaPanelDevInfo extends LitElement {
         ? this.hass.localize("ui.panel.developer-tools.tabs.info.remove")
         : this.hass.localize("ui.panel.developer-tools.tabs.info.set"),
       "name",
-      OPT_IN_PANEL
+      `${OPT_IN_PANEL} (DEPRECATED)`
     )}`;
 
     return html`
diff --git a/src/panels/states/ha-panel-states.js b/src/panels/states/ha-panel-states.js
index 34dda5d87a..36388654f1 100644
--- a/src/panels/states/ha-panel-states.js
+++ b/src/panels/states/ha-panel-states.js
@@ -9,6 +9,8 @@ import "@polymer/iron-pages/iron-pages";
 import "@polymer/paper-tabs/paper-tab";
 import "@polymer/paper-tabs/paper-tabs";
 
+import "@material/mwc-button/mwc-button";
+
 import "../../components/ha-cards";
 import "../../components/ha-icon";
 import "../../components/ha-menu-button";
@@ -56,6 +58,14 @@ class PartialCards extends EventsMixin(NavigateMixin(PolymerElement)) {
           --paper-tabs-selection-bar-color: var(--text-primary-color, #fff);
           text-transform: uppercase;
         }
+
+        mwc-button {
+          --mdc-theme-primary: var(--text-primary-color, #fff);
+        }
+
+        a {
+          text-decoration: none;
+        }
       </style>
       <app-route
         route="{{route}}"
@@ -79,6 +89,11 @@ class PartialCards extends EventsMixin(NavigateMixin(PolymerElement)) {
               icon="hass:microphone"
               on-click="_showVoiceCommandDialog"
             ></paper-icon-button>
+            <a
+              href="https://github.com/home-assistant/home-assistant-polymer/issues/4459"
+              target="_blank"
+              ><mwc-button outlined>DEPRECATED</mwc-button></a
+            >
           </app-toolbar>
 
           <div sticky="" hidden$="[[areTabsHidden(views, showTabs)]]">