mirror/rio
1
0
Fork 0
mirror of https://github.com/rio-labs/rio.git synced 2026-05-04 18:09:26 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix crash when page can't be imported

Browse Source
This commit is contained in:
Aran-Fey
2024-09-19 13:36:31 +02:00
parent 2c82525964
commit e99564a07c
8 changed files with 92 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/code/componentManagement.ts
+2 -2
View File
@@ -1,5 +1,5 @@
import { AspectRatioContainerComponent } from './components/aspectRatioContainer';
import { BuildFailedComponent } from './components/buildFailed';
import { ErrorPlaceholderComponent } from './components/errorPlaceholder';
import { ButtonComponent, IconButtonComponent } from './components/buttons';
import { CalendarComponent } from './components/calendar';
import { callRemoteMethodDiscardResponse } from './rpc';
@@ -65,7 +65,7 @@ import { TooltipComponent } from './components/tooltip';
const COMPONENT_CLASSES = {
'AspectRatioContainer-builtin': AspectRatioContainerComponent,
'BuildFailed-builtin': BuildFailedComponent,
'ErrorPlaceholder-builtin': ErrorPlaceholderComponent,
'Button-builtin': ButtonComponent,
'Calendar-builtin': CalendarComponent,
'Card-builtin': CardComponent,
frontend/code/components/buildFailed.ts → frontend/code/components/errorPlaceholder.ts
+12 -12
View File
@@ -7,7 +7,7 @@ export type BuildFailedState = ComponentState & {
error_details: string;
};
export class BuildFailedComponent extends ComponentBase {
export class ErrorPlaceholderComponent extends ComponentBase {
state: Required<BuildFailedState>;
private iconElement: HTMLElement;
@@ -17,31 +17,31 @@ export class BuildFailedComponent extends ComponentBase {
createElement(): HTMLElement {
// Create the elements
let element = document.createElement('div');
element.classList.add('rio-build-failed');
element.classList.add('rio-error-placeholder');
element.innerHTML = `
<div class="rio-build-failed-top"></div>
<div class="rio-build-failed-content">
<div class="rio-build-failed-header">
<div class="rio-build-failed-icon"></div>
<div class="rio-build-failed-summary"></div>
<div class="rio-error-placeholder-top"></div>
<div class="rio-error-placeholder-content">
<div class="rio-error-placeholder-header">
<div class="rio-error-placeholder-icon"></div>
<div class="rio-error-placeholder-summary"></div>
</div>
<div class="rio-build-failed-details"></div>
<div class="rio-error-placeholder-details"></div>
</div>
<div class="rio-build-failed-bottom"></div>
<div class="rio-error-placeholder-bottom"></div>
`;
// Expose them
this.iconElement = element.querySelector(
'.rio-build-failed-icon'
'.rio-error-placeholder-icon'
) as HTMLElement;
this.summaryElement = element.querySelector(
'.rio-build-failed-summary'
'.rio-error-placeholder-summary'
) as HTMLElement;
this.detailsElement = element.querySelector(
'.rio-build-failed-details'
'.rio-error-placeholder-details'
) as HTMLElement;
// And initialize them