feat: add github auth

2025-06-12 11:55:57 +05:30
parent d52f4267ba
commit cf73ba195e
17 changed files with 303 additions and 1 deletions
@@ -328,6 +328,28 @@
        "DESCRIPTION": "Linear workspace is not connected. Click the button below to connect your workspace to use this integration.",
        "BUTTON_TEXT": "Connect Linear workspace"
      }
+    },
+    "GITHUB": {
+      "TITLE": "GitHub Integration",
+      "DESCRIPTION": "Connect your GitHub repositories to create issues directly from customer conversations. This integration helps you track bugs, feature requests, and development tasks seamlessly.",
+      "NOT_CONFIGURED": {
+        "TITLE": "GitHub Integration Not Configured",
+        "DESCRIPTION": "Contact your administrator to configure GitHub OAuth settings."
+      },
+      "CONNECT": {
+        "TITLE": "Connect GitHub",
+        "DESCRIPTION": "Connect your GitHub account to start creating issues from conversations.",
+        "BUTTON": "Connect GitHub"
+      },
+      "CONNECTED": {
+        "TITLE": "GitHub Connected",
+        "DESCRIPTION": "Your GitHub account is successfully connected. You can now create issues from conversations."
+      },
+      "DISCONNECT": {
+        "BUTTON": "Disconnect",
+        "SUCCESS": "GitHub integration disconnected successfully",
+        "ERROR": "Failed to disconnect GitHub integration"
+      }
    }
  },
  "CAPTAIN": {
@@ -0,0 +1,57 @@
+<script setup>
+import { ref, computed, onMounted } from 'vue';
+import {
+  useFunctionGetter,
+  useMapGetter,
+  useStore,
+} from 'dashboard/composables/store';
+
+import Integration from './Integration.vue';
+import Spinner from 'shared/components/Spinner.vue';
+
+const store = useStore();
+
+const integrationLoaded = ref(false);
+
+const integration = useFunctionGetter('integrations/getIntegration', 'github');
+
+const uiFlags = useMapGetter('integrations/getUIFlags');
+
+const integrationAction = computed(() => {
+  if (integration.value.enabled) {
+    return 'disconnect';
+  }
+  return integration.value.action;
+});
+
+const initializeGithubIntegration = async () => {
+  await store.dispatch('integrations/get', 'github');
+  integrationLoaded.value = true;
+};
+
+onMounted(() => {
+  initializeGithubIntegration();
+});
+</script>
+
+<template>
+  <div class="flex-grow flex-shrink max-w-6xl p-4 mx-auto overflow-auto">
+    <div v-if="integrationLoaded && !uiFlags.isCreatingGithub">
+      <Integration
+        :integration-id="integration.id"
+        :integration-logo="integration.logo"
+        :integration-name="integration.name"
+        :integration-description="integration.description"
+        :integration-enabled="integration.enabled"
+        :integration-action="integrationAction"
+        :delete-confirmation-text="{
+          title: $t('INTEGRATION_SETTINGS.GITHUB.DELETE.TITLE'),
+          message: $t('INTEGRATION_SETTINGS.GITHUB.DELETE.MESSAGE'),
+        }"
+      />
+    </div>
+    <div v-else class="flex items-center justify-center flex-1">
+      <Spinner size="" color-scheme="primary" />
+    </div>
+  </div>
+</template>
@@ -9,6 +9,7 @@ import Slack from './Slack.vue';
 import SettingsContent from '../Wrapper.vue';
 import Linear from './Linear.vue';
 import Shopify from './Shopify.vue';
+import Github from './Github.vue';

 export default {
  routes: [
@@ -100,6 +101,14 @@ export default {
          },
          props: route => ({ error: route.query.error }),
        },
+        {
+          path: 'github',
+          name: 'settings_integrations_github',
+          component: Github,
+          meta: {
+            permissions: ['administrator'],
+          },
+        },
        {
          path: ':integration_id',
          name: 'settings_applications_integration',