From 6eddee01a4adc4ad7c3b393deb70afe8c191a8a8 Mon Sep 17 00:00:00 2001 From: Darya Plotnytska Date: Thu, 5 Dec 2024 11:45:22 +0100 Subject: [PATCH 01/13] console: Move quick actions panel --- .../total-end-devices-upseller-panel.styl | 1 - .../containers/shortcut-panel/index.js | 37 +++---------------- .../shortcut-panel/shortcut-item/index.js | 15 ++------ .../shortcut-item/shortcut-item.styl | 30 --------------- pkg/webui/console/views/overview/overview.js | 11 +++--- 5 files changed, 14 insertions(+), 80 deletions(-) diff --git a/pkg/webui/console/components/total-end-devices-upseller-panel/total-end-devices-upseller-panel.styl b/pkg/webui/console/components/total-end-devices-upseller-panel/total-end-devices-upseller-panel.styl index c29652ebb9..c686778cf0 100644 --- a/pkg/webui/console/components/total-end-devices-upseller-panel/total-end-devices-upseller-panel.styl +++ b/pkg/webui/console/components/total-end-devices-upseller-panel/total-end-devices-upseller-panel.styl @@ -13,7 +13,6 @@ // limitations under the License. .panel - height: 100% display: flex flex-direction: column position: relative diff --git a/pkg/webui/console/containers/shortcut-panel/index.js b/pkg/webui/console/containers/shortcut-panel/index.js index b50b6edccf..f6003b64ea 100644 --- a/pkg/webui/console/containers/shortcut-panel/index.js +++ b/pkg/webui/console/containers/shortcut-panel/index.js @@ -52,37 +52,12 @@ const ShortcutPanel = () => { return ( -
- - - - - +
+ + + + +
) diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js b/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js index 657ef36fcd..749d907826 100644 --- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js +++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js @@ -18,29 +18,21 @@ import classnames from 'classnames' import Icon from '@ttn-lw/components/icon' import Link from '@ttn-lw/components/link' -import Message from '@ttn-lw/lib/components/message' - import PropTypes from '@ttn-lw/lib/prop-types' import style from './shortcut-item.styl' -const ShortcutItem = ({ icon, title, link, action, className }) => +const ShortcutItem = ({ icon, link, action, className }) => action ? ( ) : (
-
- - -
+
) @@ -50,7 +42,6 @@ ShortcutItem.propTypes = { className: PropTypes.string, icon: PropTypes.icon.isRequired, link: PropTypes.string, - title: PropTypes.message.isRequired, } ShortcutItem.defaultProps = { diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl index a6d8c1b390..4d35be3e68 100644 --- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl +++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl @@ -13,37 +13,7 @@ // limitations under the License. .shortcut - display: flex - gap: $cs.m - flex-direction: column - align-items: center - justify-content: center padding: $cs.s $cs.m - text-decoration: none - height: 9rem - border-radius: $br.l - background: var(--c-bg-brand-normal) - color: var(--c-text-neutral-min) - font-size: $fs.m - font-weight: $fw.bold - transition: $ad.s background ease-in-out - -webkit-appearance: none - border: 0 - - &-title-wrapper - width: 100% - height: 100% - display: flex - justify-content: center - align-items: center - flex-direction: column - text-wrap: wrap - text-align: center - gap: $cs.m - transition: $ad.s opacity ease-in-out - - span - line-height: normal span.icon font-size: 2rem diff --git a/pkg/webui/console/views/overview/overview.js b/pkg/webui/console/views/overview/overview.js index ac4bfaeee9..94d82899b1 100644 --- a/pkg/webui/console/views/overview/overview.js +++ b/pkg/webui/console/views/overview/overview.js @@ -35,6 +35,10 @@ const Overview = () => { return (
+
+ + +
{ entityPath="/gateways" />
-
- -
+
@@ -63,9 +65,6 @@ const Overview = () => {
-
- -
) } From 693f410db7e978fdd7c4c2a90fd6d58f49532436 Mon Sep 17 00:00:00 2001 From: Darya Plotnytska Date: Thu, 5 Dec 2024 14:57:07 +0100 Subject: [PATCH 02/13] console: Refactor shorcuts panel --- .../containers/shortcut-panel/index.js | 37 ++++++++++++++----- .../shortcut-panel/shortcut-item/index.js | 22 ++++++----- .../shortcut-item/shortcut-item.styl | 16 +++++--- 3 files changed, 50 insertions(+), 25 deletions(-) diff --git a/pkg/webui/console/containers/shortcut-panel/index.js b/pkg/webui/console/containers/shortcut-panel/index.js index f6003b64ea..83e657e978 100644 --- a/pkg/webui/console/containers/shortcut-panel/index.js +++ b/pkg/webui/console/containers/shortcut-panel/index.js @@ -37,10 +37,7 @@ import ShortcutItem from './shortcut-item' const m = defineMessages({ shortcuts: 'Quick actions', - addApplication: 'New application', - addGateway: 'New gateway', - addNewOrganization: 'New organization', - addPersonalApiKey: 'New personal API key', + addPersonalApiKey: 'Add new personal API key', }) const ShortcutPanel = () => { @@ -51,13 +48,33 @@ const ShortcutPanel = () => { }, [dispatch]) return ( - +
- - - - - + + + + +
) diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js b/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js index 749d907826..6319a95eef 100644 --- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js +++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js @@ -17,24 +17,27 @@ import classnames from 'classnames' import Icon from '@ttn-lw/components/icon' import Link from '@ttn-lw/components/link' +import Tooltip from '@ttn-lw/components/tooltip' + +import Message from '@ttn-lw/lib/components/message' import PropTypes from '@ttn-lw/lib/prop-types' import style from './shortcut-item.styl' -const ShortcutItem = ({ icon, link, action, className }) => +const ShortcutItem = ({ icon, link, action, title, className }) => action ? ( -
- + + ) : ( - -
+ }> + -
- + + ) ShortcutItem.propTypes = { @@ -42,6 +45,7 @@ ShortcutItem.propTypes = { className: PropTypes.string, icon: PropTypes.icon.isRequired, link: PropTypes.string, + title: PropTypes.message.isRequired, } ShortcutItem.defaultProps = { diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl index 4d35be3e68..0918db202a 100644 --- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl +++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl @@ -14,13 +14,17 @@ .shortcut padding: $cs.s $cs.m + background: var(--c-bg-brand-light) + border-radius: $br.l + height: 4.5rem + width: 100% + display: flex + align-items: center + justify-content: center + border: 0 - span.icon - font-size: 2rem + .icon + color: var(--c-icon-brand-normal) &:hover cursor: pointer - background: var(--c-bg-brand-normal-hover) - - span.icon - font-size: 2rem From a1ae9edb3fc1b7bdbf4b6e3a472afa2c1b70e9b6 Mon Sep 17 00:00:00 2001 From: Darya Plotnytska Date: Thu, 5 Dec 2024 14:57:29 +0100 Subject: [PATCH 03/13] console: Make add buton in the header primary --- pkg/webui/components/button/button.styl | 3 +++ pkg/webui/components/header/index.js | 3 ++- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/pkg/webui/components/button/button.styl b/pkg/webui/components/button/button.styl index f5057163d9..fade683c19 100644 --- a/pkg/webui/components/button/button.styl +++ b/pkg/webui/components/button/button.styl @@ -120,6 +120,9 @@ &:disabled background-color: var(--c-bg-error-normal-disabled) + .expand-icon + color: var(--c-text-neutral-min) + &.secondary color: var(--c-text-neutral-heavy) background-color: var(--c-bg-neutral-min) diff --git a/pkg/webui/components/header/index.js b/pkg/webui/components/header/index.js index 73624e3783..f07e1c2d1b 100644 --- a/pkg/webui/components/header/index.js +++ b/pkg/webui/components/header/index.js @@ -95,7 +95,8 @@ const Header = ({
) : ( - }> + } + className={classnames(style.shortcutTooltip, 'fs-m br-l')} + delay={0} + > diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl index 3b0f5a7860..5644e57b77 100644 --- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl +++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl @@ -12,6 +12,9 @@ // See the License for the specific language governing permissions and // limitations under the License. +.shortcut-tooltip + padding: $cs.xs $cs.m 0.6rem + .shortcut padding: $cs.s $cs.m background: var(--c-bg-brand-light) From 67a18561a2d83b97865cf2223c28dcee1908ed37 Mon Sep 17 00:00:00 2001 From: Darya Plotnytska Date: Mon, 16 Dec 2024 16:58:41 +0100 Subject: [PATCH 09/13] console: Add responsiveness --- .../total-end-devices-upseller-panel/index.js | 14 ++++- .../containers/shortcut-panel/index.js | 59 +++++++++++++++++-- .../shortcut-panel/shortcut-item/index.js | 6 +- .../shortcut-item/shortcut-item.styl | 13 ++-- .../shortcut-panel/shortcut-panel.styl | 17 ------ pkg/webui/console/views/overview/overview.js | 7 ++- 6 files changed, 83 insertions(+), 33 deletions(-) delete mode 100644 pkg/webui/console/containers/shortcut-panel/shortcut-panel.styl diff --git a/pkg/webui/console/components/total-end-devices-upseller-panel/index.js b/pkg/webui/console/components/total-end-devices-upseller-panel/index.js index 109e147a36..b898315593 100644 --- a/pkg/webui/console/components/total-end-devices-upseller-panel/index.js +++ b/pkg/webui/console/components/total-end-devices-upseller-panel/index.js @@ -13,6 +13,7 @@ // limitations under the License. import React from 'react' +import classNames from 'classnames' import { IconBolt, IconDevice } from '@ttn-lw/components/icon' import Panel from '@ttn-lw/components/panel' @@ -21,10 +22,11 @@ import Button from '@ttn-lw/components/button' import Message from '@ttn-lw/lib/components/message' import sharedMessages from '@ttn-lw/lib/shared-messages' +import PropTypes from '@ttn-lw/lib/prop-types' import style from './total-end-devices-upseller-panel.styl' -const TotalEndDevicesUpsellerPanel = () => { +const TotalEndDevicesUpsellerPanel = ({ className }) => { const upgradeUrl = 'https://www.thethingsindustries.com/stack/plans/' return ( @@ -34,7 +36,7 @@ const TotalEndDevicesUpsellerPanel = () => { shortCutLinkButton shortCutLinkPath="#" shortCutLinkDisabled - className={style.panel} + className={classNames(className, style.panel)} compact >
@@ -58,4 +60,12 @@ const TotalEndDevicesUpsellerPanel = () => { ) } +TotalEndDevicesUpsellerPanel.propTypes = { + className: PropTypes.string, +} + +TotalEndDevicesUpsellerPanel.defaultProps = { + className: undefined, +} + export default TotalEndDevicesUpsellerPanel diff --git a/pkg/webui/console/containers/shortcut-panel/index.js b/pkg/webui/console/containers/shortcut-panel/index.js index 7e5f27dfc5..d630d97871 100644 --- a/pkg/webui/console/containers/shortcut-panel/index.js +++ b/pkg/webui/console/containers/shortcut-panel/index.js @@ -29,6 +29,7 @@ import { } from '@ttn-lw/components/icon' import sharedMessages from '@ttn-lw/lib/shared-messages' +import PropTypes from '@ttn-lw/lib/prop-types' import { setSearchOpen, setSearchScope } from '@console/store/actions/search' @@ -36,23 +37,59 @@ import Panel from '../../../components/panel' import ShortcutItem from './shortcut-item' -import style from './shortcut-panel.styl' - const m = defineMessages({ shortcuts: 'Quick actions', - addPersonalApiKey: 'Add new personal API key', + addEndDevice: 'Add end device', + addPersonalApiKey: 'Add API key', }) -const ShortcutPanel = () => { +const ShortcutPanel = ({ panelClassName, mobile }) => { const dispatch = useDispatch() const handleRegisterDeviceClick = React.useCallback(() => { dispatch(setSearchScope(APPLICATION)) dispatch(setSearchOpen(true)) }, [dispatch]) + if (mobile) { + return ( +
+ + + + + +
+ ) + } + return ( - -
+ +
{ ) } +ShortcutPanel.propTypes = { + mobile: PropTypes.bool, + panelClassName: PropTypes.string, +} + +ShortcutPanel.defaultProps = { + panelClassName: undefined, + mobile: false, +} + export default ShortcutPanel diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js b/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js index d263b51d49..ad69344286 100644 --- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js +++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js @@ -25,7 +25,7 @@ import PropTypes from '@ttn-lw/lib/prop-types' import style from './shortcut-item.styl' -const ShortcutItem = ({ icon, link, action, title, className }) => +const ShortcutItem = ({ icon, link, action, title, className, mobile }) => action ? ( } @@ -34,6 +34,7 @@ const ShortcutItem = ({ icon, link, action, title, className }) => > ) : ( @@ -44,6 +45,7 @@ const ShortcutItem = ({ icon, link, action, title, className }) => > + {mobile && } ) @@ -53,6 +55,7 @@ ShortcutItem.propTypes = { className: PropTypes.string, icon: PropTypes.icon.isRequired, link: PropTypes.string, + mobile: PropTypes.bool, title: PropTypes.message.isRequired, } @@ -60,6 +63,7 @@ ShortcutItem.defaultProps = { className: undefined, action: undefined, link: undefined, + mobile: false, } export default ShortcutItem diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl index 5644e57b77..42b415a101 100644 --- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl +++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl @@ -17,21 +17,24 @@ .shortcut padding: $cs.s $cs.m - background: var(--c-bg-brand-light) + color: var(--c-text-brand-normal) + background-color: var(--c-bg-brand-light) border-radius: $br.l height: 4.5rem width: 100% display: flex align-items: center justify-content: center + gap: $cs.xs + font-weight: $fw.bold border: 0 + +media-query(1304px) + padding: $cs.xxs $cs.xs + .icon color: var(--c-icon-brand-normal) &:hover cursor: pointer - -@container panel (max-width: 320px) - .shortcut - width: 4.5rem + background-color: var(--c-bg-brand-semilight) diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-panel.styl b/pkg/webui/console/containers/shortcut-panel/shortcut-panel.styl deleted file mode 100644 index 13fd3528d3..0000000000 --- a/pkg/webui/console/containers/shortcut-panel/shortcut-panel.styl +++ /dev/null @@ -1,17 +0,0 @@ -// Copyright © 2024 The Things Network Foundation, The Things Industries B.V. -// -// Licensed under the Apache License, Version 2.0 (the "License"); -// you may not use this file except in compliance with the License. -// You may obtain a copy of the License at -// -// http://www.apache.org/licenses/LICENSE-2.0 -// -// Unless required by applicable law or agreed to in writing, software -// distributed under the License is distributed on an "AS IS" BASIS, -// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -// See the License for the specific language governing permissions and -// limitations under the License. - -@container panel (max-width: 320px) - .shortcut-group - flex-wrap: wrap diff --git a/pkg/webui/console/views/overview/overview.js b/pkg/webui/console/views/overview/overview.js index 8e8213accb..ead1d2e950 100644 --- a/pkg/webui/console/views/overview/overview.js +++ b/pkg/webui/console/views/overview/overview.js @@ -35,9 +35,12 @@ const Overview = () => { return (
+
+ +
- - + +
Date: Tue, 17 Dec 2024 10:12:15 +0100 Subject: [PATCH 10/13] console: Fix responsiveness --- pkg/webui/console/views/overview/overview.js | 5 ++++- .../console/views/overview/overview.styl | 20 +++++++++++++++++++ 2 files changed, 24 insertions(+), 1 deletion(-) create mode 100644 pkg/webui/console/views/overview/overview.styl diff --git a/pkg/webui/console/views/overview/overview.js b/pkg/webui/console/views/overview/overview.js index ead1d2e950..671c2ee52a 100644 --- a/pkg/webui/console/views/overview/overview.js +++ b/pkg/webui/console/views/overview/overview.js @@ -13,6 +13,7 @@ // limitations under the License. import React from 'react' +import classNames from 'classnames' import { APPLICATION, GATEWAY } from '@console/constants/entities' @@ -30,12 +31,14 @@ import TopEntitiesDashboardPanel from '@console/containers/top-entities-dashboar import sharedMessages from '@ttn-lw/lib/shared-messages' +import style from './overview.styl' + const Overview = () => { useBreadcrumbs('overview.dashboard', ) return (
-
+
diff --git a/pkg/webui/console/views/overview/overview.styl b/pkg/webui/console/views/overview/overview.styl new file mode 100644 index 0000000000..24ab4072c2 --- /dev/null +++ b/pkg/webui/console/views/overview/overview.styl @@ -0,0 +1,20 @@ +// Copyright © 2024 The Things Network Foundation, The Things Industries B.V. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +.shortcut-overview-panel + display: none + +media-query($bp.xl) + display: block + +media-query($bp.md-lg) + display: none \ No newline at end of file From 182fe6644417166269eb3469b592fca6a7782bb7 Mon Sep 17 00:00:00 2001 From: Darya Plotnytska Date: Mon, 30 Dec 2024 12:41:07 +0100 Subject: [PATCH 11/13] console: Fix tooltips padding --- pkg/webui/components/tooltip/tooltip.styl | 7 +++---- .../containers/shortcut-panel/shortcut-item/index.js | 12 ++---------- .../shortcut-panel/shortcut-item/shortcut-item.styl | 3 --- 3 files changed, 5 insertions(+), 17 deletions(-) diff --git a/pkg/webui/components/tooltip/tooltip.styl b/pkg/webui/components/tooltip/tooltip.styl index c9d64c9f20..9eb01289d8 100644 --- a/pkg/webui/components/tooltip/tooltip.styl +++ b/pkg/webui/components/tooltip/tooltip.styl @@ -17,7 +17,7 @@ :global { .tippy-box { z-index: $zi.tooltip - border-radius: $br.xl + border-radius: $br.l background: var(--c-bg-neutral-heavy) color: var(--c-text-neutral-min) padding: $cs.m @@ -72,6 +72,5 @@ // stylelint-enable stylus/pythonic .small - padding: $cs.xxs $cs.s - border-radius: $br.xs - font-size: $fs.s + padding: 0.65rem $cs.m $cs.s + border-radius: $br.l diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js b/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js index ad69344286..1d77f4df03 100644 --- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js +++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js @@ -27,22 +27,14 @@ import style from './shortcut-item.styl' const ShortcutItem = ({ icon, link, action, title, className, mobile }) => action ? ( - } - className={classnames(style.shortcutTooltip, 'fs-m br-l')} - delay={0} - > + } delay={0}> ) : ( - } - className={classnames(style.shortcutTooltip, 'fs-m br-l')} - delay={0} - > + } delay={0}> {mobile && } diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl index 42b415a101..49dc4ff194 100644 --- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl +++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl @@ -12,9 +12,6 @@ // See the License for the specific language governing permissions and // limitations under the License. -.shortcut-tooltip - padding: $cs.xs $cs.m 0.6rem - .shortcut padding: $cs.s $cs.m color: var(--c-text-brand-normal) From 1e13b9b10ab2f944759cc7798cd29f9e6ac652c1 Mon Sep 17 00:00:00 2001 From: Darya Plotnytska Date: Mon, 30 Dec 2024 13:17:37 +0100 Subject: [PATCH 12/13] console: Fix icon squares --- .../shortcut-panel/shortcut-item/index.js | 14 ++++++++++---- .../shortcut-item/shortcut-item.styl | 5 +++++ 2 files changed, 15 insertions(+), 4 deletions(-) diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js b/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js index 1d77f4df03..41243095e0 100644 --- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js +++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js @@ -28,15 +28,21 @@ import style from './shortcut-item.styl' const ShortcutItem = ({ icon, link, action, title, className, mobile }) => action ? ( } delay={0}> - ) : ( } delay={0}> - - + + {mobile && } diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl index 49dc4ff194..29a62ee5eb 100644 --- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl +++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl @@ -35,3 +35,8 @@ &:hover cursor: pointer background-color: var(--c-bg-brand-semilight) + + &-panel + height: unset + aspect-ratio: 1 / 1 + box-sizing: border-box From 80aa80b9e6be95a22df797b52571f2a2cc3ffa63 Mon Sep 17 00:00:00 2001 From: Darya Plotnytska Date: Mon, 30 Dec 2024 13:37:50 +0100 Subject: [PATCH 13/13] console: FIx messages --- pkg/webui/console/containers/shortcut-panel/index.js | 5 ++--- pkg/webui/locales/en.json | 6 +++++- pkg/webui/locales/ja.json | 6 +++++- 3 files changed, 12 insertions(+), 5 deletions(-) diff --git a/pkg/webui/console/containers/shortcut-panel/index.js b/pkg/webui/console/containers/shortcut-panel/index.js index d630d97871..868127c111 100644 --- a/pkg/webui/console/containers/shortcut-panel/index.js +++ b/pkg/webui/console/containers/shortcut-panel/index.js @@ -40,7 +40,6 @@ import ShortcutItem from './shortcut-item' const m = defineMessages({ shortcuts: 'Quick actions', addEndDevice: 'Add end device', - addPersonalApiKey: 'Add API key', }) const ShortcutPanel = ({ panelClassName, mobile }) => { @@ -73,7 +72,7 @@ const ShortcutPanel = ({ panelClassName, mobile }) => { /> @@ -107,7 +106,7 @@ const ShortcutPanel = ({ panelClassName, mobile }) => { />