diff --git a/app/assets/javascripts/components/ComponentView/index.tsx b/app/assets/javascripts/components/ComponentView/index.tsx index 9265326c3..e78574a9b 100644 --- a/app/assets/javascripts/components/ComponentView/index.tsx +++ b/app/assets/javascripts/components/ComponentView/index.tsx @@ -34,7 +34,6 @@ const avoidFlickerTimeout = 7; export const ComponentView: FunctionalComponent = observer( ({ application, - appState, onLoad, componentUuid, templateComponent @@ -194,6 +193,7 @@ export const ComponentView: FunctionalComponent = observer( useEffect(() => { reloadStatus(); + if (!iframeRef.current) { return; } @@ -250,7 +250,7 @@ export const ComponentView: FunctionalComponent = observer( onVisibilityChange ); }; - }, [appState, application, component, componentUuid, onVisibilityChange, reloadStatus, templateComponent]); + }, [application, component, componentUuid, onVisibilityChange, templateComponent]); useEffect(() => { // Set/update `component` based on `componentUuid` prop. diff --git a/app/assets/javascripts/views/tags/tags-view.pug b/app/assets/javascripts/views/tags/tags-view.pug index f9c122c5b..19e16f88f 100644 --- a/app/assets/javascripts/views/tags/tags-view.pug +++ b/app/assets/javascripts/views/tags/tags-view.pug @@ -1,11 +1,11 @@ #tags-column.sn-component.section.tags(aria-label='Tags') - .component-view-container(ng-if='self.component && self.component.active') + .component-view-container(ng-if='self.component') component-view.component-view( component-uuid='self.component.uuid', application='self.application' app-state='self.appState' ) - #tags-content.content(ng-if='!(self.component && self.component.active)') + #tags-content.content(ng-if='!(self.component)') .tags-title-section.section-title-bar .section-title-bar-header .sk-h3.title