wired up to real warning status

Author: kevinansfield

ghost/admin/app/components/editor/email-size-warning.hbs

@@ -1,19 +1,24 @@
 {{#if this.isEnabled}}
-    {{! Watch for post.updatedAt changes to trigger recalculation after saves }}
-    <span {{did-update this.checkEmailSize @post.updatedAtUTC}} class="gh-editor-email-size-warning-container">
-        <span class="gh-editor-email-size-warning gh-editor-email-size-warning--{{this.warningLevel}}" data-warning-active={{if this.warningLevel "true" "false"}}>
+    {{#if (has-block)}}
+        <div {{did-update this.checkEmailSize @post.updatedAtUTC}}>
+            {{yield this.warningLevel this.emailSizeKb}}
+        </div>
+    {{else}}
+        <span {{did-update this.checkEmailSize @post.updatedAtUTC}} class="gh-editor-email-size-warning-container">
+            <span class="gh-editor-email-size-warning gh-editor-email-size-warning--{{this.warningLevel}}" data-warning-active={{if this.warningLevel "true" "false"}}>
+                {{#if this.warningLevel}}
+                    <span class="{{concat "gh-editor-email-warning-icon-" this.warningLevel}}">
+                        {{svg-jar "email-warning"}}
+                    </span>
+                {{/if}}
+            </span>
             {{#if this.warningLevel}}
-                <span class="{{concat "gh-editor-email-warning-icon-" this.warningLevel}}">
-                    {{svg-jar "email-warning"}}
-                </span>
+                <div class="gh-editor-email-size-popup">
+                    <div class="gh-editor-email-size-popup-title">Looks like this is a long post</div>
+                    <div class="gh-editor-email-size-popup-text">Email newsletters may get cut off in the inbox behind a "View entire message" link when they're over 100kB.</div>
+                    <div class="gh-editor-email-size-popup-used">You've used: <span class={{this.warningLevel}}>{{this.emailSizeKb}}kB</span></div>
+                </div>
             {{/if}}
         </span>
-        {{#if this.warningLevel}}
-            <div class="gh-editor-email-size-popup">
-                <div class="gh-editor-email-size-popup-title">Looks like this is a long post</div>
-                <div class="gh-editor-email-size-popup-text">Email newsletters may get cut off in the inbox behind a "View entire message" link when they're over 100kB.</div>
-                <div class="gh-editor-email-size-popup-used">You've used: <span class={{this.warningLevel}}>{{this.emailSizeKb}}kB</span></div>
-            </div>
-        {{/if}}
-    </span>
+    {{/if}}
 {{/if}}

ghost/admin/app/components/editor/modals/preview/email.hbs

@@ -88,14 +88,18 @@
                     />
                 </form>
             </div>
-            <div class="gh-email-preview-clip-container">
-                {{svg-jar "email"}}
-                <div>
-                    <div class="gh-email-preview-clip-title">Looks like this is a long post</div>
-                    <div class="gh-email-preview-clip-description">Email newsletters may get cut off in the inbox behind a “View entire message” link when they’re over 100kB. </div>
-                    <div class="gh-email-preview-clip-used">You’ve used: <span class="yellow-d1">92kB</span></div>
-                </div>
-            </div>
+            <Editor::EmailSizeWarning @post={{@post}} as |warningLevel emailSizeKb| >
+                {{#if warningLevel}}
+                    <div class="gh-email-preview-clip-container">
+                        {{svg-jar "email-warning"}}
+                        <div>
+                            <div class="gh-email-preview-clip-title">Looks like this is a long post</div>
+                            <div class="gh-email-preview-clip-description">Email newsletters may get cut off in the inbox behind a “View entire message” link when they’re over 100kB. </div>
+                            <div class="gh-email-preview-clip-used">You’ve used: <span class="yellow-d1">{{emailSizeKb}}kB</span></div>
+                        </div>
+                    </div>
+                {{/if}}
+            </Editor::EmailSizeWarning>
             <iframe
                 class="gh-pe-iframe"
                 title="Email preview"