Wait until after headTags are set to render plaudit (#2074)

Author: futa-ikeda

app/preprints/detail/controller.ts

@@ -46,6 +46,7 @@ export default class PrePrintsDetailController extends Controller {
  @service media!: Media;
 
  @tracked fullScreenMFR = false;
+ @tracked plauditIsReady = false;
 
  metricsStartDate = config.OSF.metricsStartDate;
 

app/preprints/detail/route.ts

@@ -17,6 +17,7 @@ import Ready from 'ember-osf-web/services/ready';
 import Theme from 'ember-osf-web/services/theme';
 import captureException from 'ember-osf-web/utils/capture-exception';
 import pathJoin from 'ember-osf-web/utils/path-join';
+import PrePrintsDetailController from './controller';
 
 /**
  * @module ember-preprints
@@ -143,6 +144,7 @@ export default class PreprintsDetail extends Route {
  }
  this.set('headTags', allTags);
  this.metaTags.updateHeadTags();
+ (this.controller as PrePrintsDetailController).plauditIsReady = true;
  }
  blocker.done();
  }

app/preprints/detail/template.hbs

@@ -125,7 +125,9 @@
  </div>
  <div local-class='plaudit-container'>
  <div local-class='plaudit'>
- <Preprints::-Components::PlauditWidget></Preprints::-Components::PlauditWidget>
+ {{#if this.plauditIsReady}}
+ <Preprints::-Components::PlauditWidget />
+ {{/if}}
  </div>
  <SharingIcons
  local-class='sharing-icons'