31222e1236
* feat(preferences): show inline extensions in extensions pane * wip * wip * refactor: convert ComponentView to React component * refactor: convert ComponentView to React component * chore: fix merge conflicts * feat: don't show features whose `area` is "room", update modal items' icons in Preferences menu * chore: fix TS error * feat: don't show 2FA Manager in modal-based component * feat: remove `ExtendedDataReloadComplete` event, since Extensions Manger is being removed from the app * chore: avoid hardcoded values in svg image, optimize `if` condition * chore: remove remnant comment * fix: fix typescript errors Co-authored-by: vardanhakobyan <vardan_live@live.com>
31 lines
999 B
TypeScript
31 lines
999 B
TypeScript
import { FunctionalComponent } from 'preact';
|
|
|
|
interface IProps {
|
|
componentName: string;
|
|
reloadIframe: () => void;
|
|
}
|
|
|
|
export const IssueOnLoading: FunctionalComponent<IProps> = ({
|
|
componentName,
|
|
reloadIframe
|
|
}) => {
|
|
return (
|
|
<div className={'sn-component'}>
|
|
<div className={'sk-app-bar no-edges no-top-edge dynamic-height'}>
|
|
<div className={'left'}>
|
|
<div className={'sk-app-bar-item'}>
|
|
<div className={'sk-label.warning'}>
|
|
There was an issue loading {componentName}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className={'right'}>
|
|
<div className={'sk-app-bar-item'} onClick={reloadIframe}>
|
|
<button className={'sn-button small info'}>Reload</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|