Converted <GhSiteIframe> to a glimmer component

no issue

- updated to class syntax and glimmer component behaviour
- tidied up and standardised usage of the component

ghost/admin/app/components/gh-site-iframe.hbs

@@ -1 +1,8 @@
-<iframe id="site-frame" class="site-frame {{this.classNames}}" src={{this.srcUrl}} frameborder="0" allowtransparency="true" ...attributes></iframe>
+<iframe
+    class="site-frame"
+    src={{this.srcUrl}}
+    frameborder="0"
+    allowtransparency="true"
+    {{did-update this.resetSrcAttribute @guid}}
+    ...attributes
+></iframe>

ghost/admin/app/components/gh-site-iframe.js

@@ -1,26 +1,23 @@
-import Component from '@ember/component';
+import Component from '@glimmer/component';
-import {computed} from '@ember/object';
+import {action} from '@ember/object';
 import {inject as service} from '@ember/service';
 
-export default Component.extend({
+export default class GhSiteIframeComponent extends Component {
-    config: service(),
+    @service config;
 
-    tagName: '',
+    get srcUrl() {
+        return this.args.src || `${this.config.get('blogUrl')}/`;
+    }
 
-    srcUrl: computed('src', function () {
+    @action
-        return this.src || `${this.config.get('blogUrl')}/`;
+    resetSrcAttribute(iframe) {
-    }),
-
-    didReceiveAttrs() {
         // reset the src attribute each time the guid changes - allows for
         // a click on the navigation item to reset back to the homepage
-        if ((this.guid !== this._lastGuid) || (this.src !== this._lastSrc)) {
+        if (this.args.guid !== this._lastGuid) {
-            let iframe = document.querySelector('#site-frame');
             if (iframe) {
-                iframe.src = this.src || `${this.config.get('blogUrl')}/`;
+                iframe.src = this.srcUrl;
             }
         }
-        this._lastGuid = this.guid;
+        this._lastGuid = this.args.guid;
-        this._lastSrc = this.src;
     }
-});
+}

ghost/admin/app/components/modal-portal-settings.hbs

@@ -242,10 +242,8 @@
             <div class="gh-portal-preview-container {{if this.showLinksPage "hide"}}">
                 <div class="gh-portal-site-frame-cover"> </div>
                 <GhSiteIframe
-                    @guid="portal-preview-site"
                     @src={{this.portalPreviewUrl}}
-                    @classNames="gh-portal-siteiframe {{if this.hidePreviewFrame "invisible"}}"
+                    class="gh-portal-siteiframe {{if this.hidePreviewFrame "invisible"}}" />
-                ></GhSiteIframe>
             </div>
 
         </div>

ghost/admin/app/templates/settings/membership.hbs

@@ -51,10 +51,7 @@
                     {{#if (eq this.settings.membersSignupAccess 'none')}}
                         PORTAL DISABLED
                     {{else}}
-                        <GhSiteIframe
+                        <GhSiteIframe @src={{this.portalPreviewUrl}} />
-                            @src={{this.portalPreviewUrl}}
-                            @classNames="{{if this.hidePreviewFrame "invisible"}}"
-                        ></GhSiteIframe>
                     {{/if}}
                 </div>
             </div>