refactor poll error controller to component (#1092)

Author: jelhan

app/components/poll-error.hbs

@@ -0,0 +1,32 @@
+<div class="box">
+  {{#if this.decryptionFailed}}
+    <h2 data-test-error-type="decryption-failed">
+      {{t "error.poll.decryptionFailed.title"}}
+    </h2>
+    <p>
+      {{t "error.poll.decryptionFailed.description"}}
+    </p>
+  {{else if this.notFound}}
+    <h2 data-test-error-type="not-found">
+      {{t "error.poll.notFound.title"}}
+    </h2>
+    <p>
+      {{t "error.poll.notFound.description"}}
+    </p>
+    <ul>
+      <li>
+        {{t "error.poll.notFound.reasons.expired"}}
+      </li>
+      <li>
+        {{t "error.poll.notFound.reasons.typo"}}
+      </li>
+    </ul>
+  {{else}}
+    <h2 data-test-error-type="unexpected">
+      {{t "error.generic.unexpected.title"}}
+    </h2>
+    <p>
+      {{t "error.generic.unexpected.description"}}
+    </p>
+  {{/if}}
+</div>

app/components/poll-error.ts

@@ -0,0 +1,36 @@
+import Component from '@glimmer/component';
+import sjcl from 'sjcl';
+import { NotFoundError } from '../utils/api';
+
+export interface PollErrorSignature {
+  // The arguments accepted by the component
+  Args: {
+    error: unknown;
+  };
+  // Any blocks yielded by the component
+  Blocks: {
+    default: [];
+  };
+  // The element to which `...attributes` is applied in the component template
+  Element: null;
+}
+
+export default class PollError extends Component<PollErrorSignature> {
+  get decryptionFailed() {
+    const { error } = this.args;
+
+    return error instanceof sjcl.exception.corrupt;
+  }
+
+  get notFound() {
+    const { error } = this.args;
+
+    return error instanceof NotFoundError;
+  }
+}
+
+declare module '@glint/environment-ember-loose/registry' {
+  export default interface Registry {
+    PollError: typeof PollError;
+  }
+}

app/controllers/poll-error.ts

@@ -17,4 +17,5 @@ Router.map(function () {
     this.route('options-datetime');
     this.route('settings');
   });
+  this.route('poll-error');
 });

app/router.ts

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class PollErrorRoute extends Route<Error> {}

app/routes/poll-error.ts

@@ -1,32 +1 @@
-<div class="box">
-  {{#if this.decryptionFailed}}
-    <h2 data-test-error-type="decryption-failed">
-      {{t "error.poll.decryptionFailed.title"}}
-    </h2>
-    <p>
-      {{t "error.poll.decryptionFailed.description"}}
-    </p>
-  {{else if this.notFound}}
-    <h2 data-test-error-type="not-found">
-      {{t "error.poll.notFound.title"}}
-    </h2>
-    <p>
-      {{t "error.poll.notFound.description"}}
-    </p>
-    <ul>
-      <li>
-        {{t "error.poll.notFound.reasons.expired"}}
-      </li>
-      <li>
-        {{t "error.poll.notFound.reasons.typo"}}
-      </li>
-    </ul>
-  {{else}}
-    <h2 data-test-error-type="unexpected">
-      {{t "error.generic.unexpected.title"}}
-    </h2>
-    <p>
-      {{t "error.generic.unexpected.description"}}
-    </p>
-  {{/if}}
-</div>
+<PollError @error={{@model}} />