Feature: SignIn with Twitter (#479)

* Add Twitter SignIn flow

Co-authored-by: Sojan Jose <sojan@pepalo.com>

app/javascript/dashboard/routes/dashboard/settings/inbox/channel-factory.js

@@ -1,9 +1,11 @@
 import Facebook from './channels/Facebook';
 import Website from './channels/Website';
+import Twitter from './channels/Twitter';
 
 const channelViewList = {
   facebook: Facebook,
   website: Website,
+  twitter: Twitter,
 };
 
 export default {

app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twitter.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="wizard-body columns content-box small-9">
+    <div class="login-init full-height text-center">
+      <form method="POST" action="/twitter/authorization">
+        <input type="hidden" name="user_id" :value="currentUserID" />
+        <woot-submit-button
+          icon-class="ion-social-twitter"
+          button-text="Sign in with Twitter"
+          type="submit"
+        />
+      </form>
+      <p>{{ $t('INBOX_MGMT.ADD.TWITTER.HELP') }}</p>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+
+export default {
+  computed: {
+    ...mapGetters({
+      currentUserID: 'getCurrentUserID',
+    }),
+  },
+};
+</script>