discord connect button

Author: jatinkatyal13

app/pods/classroom/timeline/index/template.hbs

@@ -221,6 +221,7 @@
       </div>
     </a>
     {{/if}}
+    <DiscordinatorJoinButton />
     {{#if (and (is-after (unix runAttempt.run.start) '2019-11-29') showGoodieRequest)}}
       {{!-- <GoodieComp class="mb-5" @runAttempt={{runAttempt}} /> --}}
     {{/if}}

app/pods/components/discordinator-join-button/component.js

@@ -0,0 +1,25 @@
+import Component from '@ember/component';
+import ENV from 'codingblocks-online/config/environment';
+import { restartableTask } from 'ember-concurrency-decorators';
+
+export default class DiscordinatorComponent extends Component {
+  shouldJoinDiscord = false;
+  redirectUrl = ENV.discordinatorUrl + '/app/connect';
+
+  didReceiveAttrs() {
+    this.fetchDiscordSynced.perform();
+  }
+
+  @restartableTask fetchDiscordSynced = function *() {
+    const resp = yield fetch(ENV.discordinatorUrl + '/app/me', {
+      credentials: 'include',
+      mode: 'cors'
+    });
+
+    if (!resp.ok) return this.set('shouldJoinDiscord', false);
+
+    const { user } = yield resp.json();
+
+    return this.set('shouldJoinDiscord', !user || !user.discordId);
+  }
+}

app/pods/components/discordinator-join-button/template.hbs

@@ -0,0 +1,10 @@
+{{#if shouldJoinDiscord}}
+  <a href="{{redirectUrl}}" target="_blank">
+    <div
+      class="border-card border-none bg-gradient-violet-bt mb-5 white p-4 v-align-ma mt-md-0 mt-5 row no-gutters align-items-center"
+    >
+      <i class="fab fa-discord fa-2x mr-2"></i>
+      <strong class="font-sm flex-1 pl-1">Join Discord Group</strong>
+    </div>
+  </a>
+{{/if}}

config/environment.js

@@ -101,6 +101,7 @@ module.exports = function(environment) {
       webPropertyId: 'UA-83327907-12'
     }
     ENV.OnesignalAppId = 'ae392a03-3c7d-498b-94aa-2a7c17f7db0c'
+    ENV.discordinatorUrl = 'http://localhost:5050'
   }
 
   if (environment === 'test') {
@@ -138,7 +139,7 @@ module.exports = function(environment) {
       appId: '2LhQvB3j'
     }
     ENV.OnesignalAppId = '01d75aac-5123-4145-b655-ba8d27c5dc13'
-
+    ENV.discordinatorUrl = 'https://discordinator.codingblocks.com'
   }
 
   if (environment === 'staging') {
@@ -148,6 +149,7 @@ module.exports = function(environment) {
     ENV.oneauthURL = 'https://account.codingblocks.com'
     ENV.hackApiHost = 'https://hack-api.codingblocks.xyz'
     ENV.hiringblocksUrl = 'https://hire.codingblocks.xyz'
+    ENV.discordinatorUrl = 'https://discordinator.codingblocks.com'
 
     ENV.talkjs = {
       appId: '2LhQvB3j'

tests/integration/pods/components/discordinator/component-test.js

@@ -0,0 +1,26 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Component | discordinator', function(hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function(assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.set('myAction', function(val) { ... });
+
+    await render(hbs`<Discordinator />`);
+
+    assert.equal(this.element.textContent.trim(), '');
+
+    // Template block usage:
+    await render(hbs`
+      <Discordinator>
+        template block text
+      </Discordinator>
+    `);
+
+    assert.equal(this.element.textContent.trim(), 'template block text');
+  });
+});

tests/unit/services/discordinator-test.js

@@ -0,0 +1,12 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Service | discordinator', function(hooks) {
+  setupTest(hooks);
+
+  // Replace this with your real tests.
+  test('it exists', function(assert) {
+    let service = this.owner.lookup('service:discordinator');
+    assert.ok(service);
+  });
+});