@kui-shell/plugin-client-common
Version:
Kui plugin that offers stylesheets
71 lines • 3.12 kB
JavaScript
/*
* Copyright 2020 The Kubernetes Authors
*
* 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.
*/
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
import React from 'react';
import { flatten } from '@kui-shell/core/mdist/api/Util';
import { uiThemes } from '@kui-shell/core/mdist/api/Settings';
import { eventChannelUnsafe } from '@kui-shell/core/mdist/api/Events';
import { getPersistedThemeChoice } from '@kui-shell/core/mdist/api/Themes';
import { encodeComponent, pexecInCurrentTab } from '@kui-shell/core/mdist/api/Exec';
import DropdownWidget from './DropdownWidget';
export default class Settings extends React.PureComponent {
constructor(props) {
super(props);
this.state = {
currentTheme: undefined,
actions: []
};
}
componentDidMount() {
eventChannelUnsafe.on('/theme/change', ({ theme }) => {
this.setState({ currentTheme: theme });
});
this.recomputeThemeList();
}
recomputeThemeList() {
return __awaiter(this, void 0, void 0, function* () {
const [currentTheme, themes] = yield Promise.all([
getPersistedThemeChoice(),
uiThemes()
.then(_ => _.map(({ themes }) => themes))
.then(flatten)
]);
this.setState({
currentTheme,
actions: themes.map(_ => ({
label: _.name,
isSelected: _.name === currentTheme,
handler: () => pexecInCurrentTab(`theme set ${encodeComponent(_.name)}`, undefined, true)
}))
});
});
}
render() {
if (!this.state || !this.state.currentTheme) {
return React.createElement(React.Fragment, null);
}
return React.createElement(DropdownWidget, { noPadding: true, id: "kui--settings-widget", actions: this.state.actions });
}
}
//# sourceMappingURL=Settings.js.map