-
Notifications
You must be signed in to change notification settings - Fork 867
/
overview_page_footer.tsx
128 lines (120 loc) · 4.24 KB
/
overview_page_footer.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
/*
* SPDX-License-Identifier: Apache-2.0
*
* The OpenSearch Contributors require contributions made to
* this file be licensed under the Apache-2.0 license or a
* compatible open source license.
*
* Any modifications Copyright OpenSearch Contributors. See
* GitHub history for details.
*/
/*
* Licensed to Elasticsearch B.V. under one or more contributor
* license agreements. See the NOTICE file distributed with
* this work for additional information regarding copyright
* ownership. Elasticsearch B.V. licenses this file to you 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.
*/
import React, { FC } from 'react';
import { EuiFlexGroup, EuiFlexItem, EuiButtonEmpty } from '@elastic/eui';
import { FormattedMessage } from '@osd/i18n/react';
import { i18n } from '@osd/i18n';
import { CoreStart } from 'opensearch-dashboards/public';
import { RedirectAppLinks } from '../../app_links';
import { useOpenSearchDashboards } from '../../context';
import { useUiSetting$ } from '../../ui_settings';
interface Props {
addBasePath: (path: string) => string;
/** The path to set as the new default route in advanced settings */
path: string;
}
export const OverviewPageFooter: FC<Props> = ({ addBasePath, path }) => {
const [defaultRoute, setDefaultRoute] = useUiSetting$<string>('defaultRoute');
const {
services: {
application,
notifications: { toasts },
},
} = useOpenSearchDashboards<CoreStart>();
const { show, save } = application.capabilities.advancedSettings;
const isAdvancedSettingsEnabled = show && save;
const defaultRoutebutton =
defaultRoute === path ? (
<RedirectAppLinks application={application}>
<EuiButtonEmpty
className="osdOverviewPageFooter__button"
flush="both"
href={addBasePath('/app/management/opensearch-dashboards/settings#defaultRoute')}
iconType="home"
size="xs"
>
<FormattedMessage
id="opensearch-dashboards-react.pageFooter.changeHomeRouteLink"
defaultMessage="Display a different page on log in"
/>
</EuiButtonEmpty>
</RedirectAppLinks>
) : (
<EuiButtonEmpty
className="osdOverviewPageFooter__button"
flush="both"
iconType="home"
onClick={() => {
setDefaultRoute(path);
toasts.addSuccess({
title: i18n.translate(
'opensearch-dashboards-react.pageFooter.changeDefaultRouteSuccessToast',
{
defaultMessage: 'Landing page updated',
}
),
});
}}
size="xs"
>
<FormattedMessage
id="opensearch-dashboards-react.pageFooter.makeDefaultRouteLink"
defaultMessage="Make this my landing page"
/>
</EuiButtonEmpty>
);
return (
<footer className="osdOverviewPageFooter">
<EuiFlexGroup justifyContent="spaceBetween">
<EuiFlexItem grow={false}>
<div>{isAdvancedSettingsEnabled ? defaultRoutebutton : null}</div>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<div>
<RedirectAppLinks application={application}>
<EuiButtonEmpty
className="osdOverviewPageFooter__button"
data-test-subj="allPlugins"
flush="both"
href={addBasePath('/app/home#/feature_directory')}
iconType="apps"
size="xs"
>
<FormattedMessage
id="opensearch-dashboards-react.pageFooter.appDirectoryButtonLabel"
defaultMessage="View app directory"
/>
</EuiButtonEmpty>
</RedirectAppLinks>
</div>
</EuiFlexItem>
</EuiFlexGroup>
</footer>
);
};