feat(UI): Create default organization when user first sign-in

moon/apps/web/README.md

@@ -3,7 +3,7 @@
 First, run the development server:
 
 ```bash
-yarn dev
+turbo run dev --parallel
 ```
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

moon/apps/web/pages/index.tsx

@@ -1,28 +1,28 @@
-import { GetServerSideProps } from 'next'
-import { userAgentFromString } from 'next/server'
-
-import { SCOPE_COOKIE_NAME } from '@gitmono/config'
-import { ApiErrorTypes } from '@gitmono/types'
-
-import { apiCookieHeaders } from '@/utils/apiCookieHeaders'
-import { apiClient, signinUrl } from '@/utils/queryClient'
+import { SCOPE_COOKIE_NAME } from '@gitmono/config';
+import { ApiErrorTypes, OrganizationsPostRequest } from '@gitmono/types';
+import { GetServerSideProps } from 'next';
+import { userAgentFromString } from 'next/server';
+import { apiCookieHeaders } from '@/utils/apiCookieHeaders';
+import { apiClient, signinUrl } from '@/utils/queryClient';
 
 export default function IndexPage() {
   return <></>
 }
 
 export const getServerSideProps: GetServerSideProps = async ({ req, query }) => {
   try {
+    const { device } = userAgentFromString(req.headers['user-agent'])
     const headers = apiCookieHeaders(req.cookies)
+
     const organizations = await apiClient.organizationMemberships
       .getOrganizationMemberships()
       .request({ headers })
       .then((res) => res.map((m) => m.organization))
 
-    // if we have orgs redirect to one of the user orgs
+    // if we have orgs redirect to one of the user orgs,
     // otherwise redirect to the new org page
     if (organizations.length > 0) {
-      let org = organizations[0]
+      let org = organizations[organizations.length - 1]
       const scope = req.cookies[SCOPE_COOKIE_NAME]
 
       if (scope) {
@@ -33,8 +33,6 @@ export const getServerSideProps: GetServerSideProps = async ({ req, query }) =>
         }
       }
 
-      const { device } = userAgentFromString(req.headers['user-agent'])
-
       if (device.type === 'mobile') {
         return {
           redirect: {
@@ -50,9 +48,34 @@ export const getServerSideProps: GetServerSideProps = async ({ req, query }) =>
         }
       }
     } else {
+      const defaultOrgData: OrganizationsPostRequest = {
+        name: "My First Organization",
+        slug: "my-first-organization",
+        avatar_path: null,
+        role: "software-engineer",
+        org_size: "1",
+        source: "google",
+        why: "Please enter your purpose."
+      }
+
+      apiClient.organizations
+        .postOrganizations()
+        .request(defaultOrgData)
+        .catch((e) => {
+          throw new Error("postOrganizationError: " + e.message)
+        })
+
+      if (device.type === 'mobile') {
+        return {
+          redirect: {
+            destination: `/${defaultOrgData.slug}/${query.path ?? 'home'}`,
+            permanent: false
+          }
+        }
+      }
       return {
         redirect: {
-          destination: '/new',
+          destination: `/${defaultOrgData.slug}/${query.path ?? ''}`,
           permanent: false
         }
       }