github integration stuff (#1)

apps/docs/pages/getting-started/deployment.mdx

@@ -10,7 +10,7 @@ import { Steps } from "nextra/components";
 
 ### Create Github Workflow
 
-### Connect Github to CtrlPlane
+### Connect Github to Ctrlplane
 
 ### Run the deploy job
 

apps/nextjs/src/app/[workspaceSlug]/(job)/job-agents/add/GithubConfig.tsx

@@ -87,7 +87,9 @@ export const GithubJobAgentConfig: React.FC<{
                         ?.filter(
                           (org) =>
                             !githubOrgsInstalled.data?.some(
-                              (o) => o.organizationName === org.data.login,
+                              (o) =>
+                                o.github_organization.organizationName ===
+                                org.data.login,
                             ),
                         )
                         .map(({ data: { id, login, avatar_url } }) => (

apps/nextjs/src/app/[workspaceSlug]/settings/(settings)/workspace/integrations/(integration)/github/GithubConfigFile.tsx

@@ -0,0 +1,40 @@
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@ctrlplane/ui/card";
+import { Separator } from "@ctrlplane/ui/separator";
+
+import { api } from "~/trpc/react";
+
+export const GithubConfigFileSync: React.FC<{
+  workspaceId?: string;
+}> = ({ workspaceId }) => {
+  const configFiles = api.github.configFile.list.useQuery(workspaceId ?? "", {
+    enabled: workspaceId != null,
+  });
+
+  return (
+    <Card className="rounded-md">
+      <CardHeader className="space-y-2">
+        <CardTitle>Sync Github Config File</CardTitle>
+        <CardDescription>
+          A{" "}
+          <code className="rounded-md bg-neutral-800 p-1">ctrlplane.yaml</code>{" "}
+          configuration file allows you to manage your Ctrlplane resources from
+          github.
+        </CardDescription>
+      </CardHeader>
+
+      <Separator />
+
+      <CardContent className="p-4">
+        {configFiles.data?.map((configFile) => (
+          <div key={configFile.id}>{configFile.name}</div>
+        ))}
+      </CardContent>
+    </Card>
+  );
+};