feat: integration gql mutation

Author: alexnm

packages/app/src/app/components/WorkspaceSetup/steps/SelectUsecases.tsx

@@ -5,6 +5,7 @@ import styled from 'styled-components';
 import { StepHeader } from '../StepHeader';
 import { AnimatedStep } from '../elements';
 import { StepProps } from '../types';
+import { useAppState, useEffects } from 'app/overmind';
 
 const USE_CASES = [
   'Conduct interviews',
@@ -25,6 +26,8 @@ export const SelectUsecases: React.FC<StepProps> = ({
   currentStep,
   numberOfSteps,
 }) => {
+  const { activeTeam } = useAppState();
+  const effects = useEffects();
   const [usecases, setUsecases] = useState<Record<string, boolean>>(
     USE_CASES.reduce((res, usecase) => {
       res[usecase] = false;
@@ -34,7 +37,13 @@ export const SelectUsecases: React.FC<StepProps> = ({
 
   const handleSubmit = async e => {
     e.preventDefault();
-    console.log('submit', usecases);
+    const selectedUseCases = Object.keys(usecases).filter(k => usecases[k]);
+    if (selectedUseCases.length > 0) {
+      effects.gql.mutations.setTeamMetadata({
+        teamId: activeTeam,
+        useCases: selectedUseCases,
+      });
+    }
     onNextStep();
   };
 

packages/app/src/app/graphql/types.ts

@@ -390,6 +390,8 @@ export type Team = {
   legacy: Scalars['Boolean'];
   limits: TeamLimits;
   members: Array<TeamMember>;
+  /** Additional user-provided metadata about the workspace */
+  metadata: TeamMetadata;
   name: Scalars['String'];
   privateRegistry: Maybe<PrivateRegistry>;
   /**
@@ -535,6 +537,13 @@ export type TeamMember = {
   username: Scalars['String'];
 };
 
+/** Additional user-provided metadata about a workspace */
+export type TeamMetadata = {
+  __typename?: 'TeamMetadata';
+  /** Use-cases for the workspace provided during creation */
+  useCases: Array<Scalars['String']>;
+};
+
 /** A private package registry */
 export type PrivateRegistry = {
   __typename?: 'PrivateRegistry';
@@ -2071,6 +2080,8 @@ export type RootMutationType = {
   setTeamDescription: Team;
   /** Set user-editable limits for the workspace */
   setTeamLimits: Scalars['String'];
+  /** Set user-provided metadata about the workspace */
+  setTeamMetadata: Team;
   /** Set minimum privacy level for workspace */
   setTeamMinimumPrivacy: WorkspaceSandboxSettings;
   /** Set the name of the team */
@@ -2595,6 +2606,11 @@ export type RootMutationTypeSetTeamLimitsArgs = {
   teamId: Scalars['UUID4'];
 };
 
+export type RootMutationTypeSetTeamMetadataArgs = {
+  metadata: TeamMetadataInput;
+  teamId: Scalars['UUID4'];
+};
+
 export type RootMutationTypeSetTeamMinimumPrivacyArgs = {
   minimumPrivacy: Scalars['Int'];
   teamId: Scalars['UUID4'];
@@ -2812,6 +2828,12 @@ export type BillingDetails = {
   date: Scalars['String'];
 };
 
+/** Additional user-provided metadata about a workspace */
+export type TeamMetadataInput = {
+  /** Use-cases for the workspace */
+  useCases: Array<Scalars['String']>;
+};
+
 export type RootSubscriptionType = {
   __typename?: 'RootSubscriptionType';
   /** Receive updates for events related to the specified branch. */
@@ -4792,6 +4814,7 @@ export type CurrentTeamInfoFragmentFragment = {
     ubbBeta: boolean;
     friendOfCsb: boolean;
   };
+  metadata: { __typename?: 'TeamMetadata'; useCases: Array<string> };
 };
 
 export type BranchFragment = {
@@ -5603,6 +5626,63 @@ export type UpdateProjectVmTierMutation = {
   };
 };
 
+export type SetTeamMetadataMutationVariables = Exact<{
+  teamId: Scalars['UUID4'];
+  useCases: Array<Scalars['String']> | Scalars['String'];
+}>;
+
+export type SetTeamMetadataMutation = {
+  __typename?: 'RootMutationType';
+  setTeamMetadata: {
+    __typename?: 'Team';
+    id: any;
+    name: string;
+    type: TeamType;
+    description: string | null;
+    creatorId: any | null;
+    avatarUrl: string | null;
+    legacy: boolean;
+    frozen: boolean;
+    insertedAt: string;
+    settings: {
+      __typename?: 'WorkspaceSandboxSettings';
+      minimumPrivacy: number;
+    } | null;
+    userAuthorizations: Array<{
+      __typename?: 'UserAuthorization';
+      userId: any;
+      authorization: TeamMemberAuthorization;
+      teamManager: boolean;
+    }>;
+    users: Array<{
+      __typename?: 'User';
+      id: any;
+      name: string | null;
+      username: string;
+      avatarUrl: string;
+    }>;
+    invitees: Array<{
+      __typename?: 'User';
+      id: any;
+      name: string | null;
+      username: string;
+      avatarUrl: string;
+    }>;
+    subscription: {
+      __typename?: 'ProSubscription';
+      origin: SubscriptionOrigin | null;
+      type: SubscriptionType;
+      status: SubscriptionStatus;
+      paymentProvider: SubscriptionPaymentProvider | null;
+    } | null;
+    featureFlags: {
+      __typename?: 'TeamFeatureFlags';
+      ubbBeta: boolean;
+      friendOfCsb: boolean;
+    };
+  };
+};
+
 export type RecentlyDeletedTeamSandboxesQueryVariables = Exact<{
   teamId: Scalars['UUID4'];
 }>;
@@ -6305,6 +6385,7 @@ export type GetTeamQuery = {
         ubbBeta: boolean;
         friendOfCsb: boolean;
       };
+      metadata: { __typename?: 'TeamMetadata'; useCases: Array<string> };
     } | null;
   } | null;
 };

packages/app/src/app/overmind/effects/gql/dashboard/fragments.ts

@@ -268,6 +268,10 @@ export const currentTeamInfoFragment = gql`
       ubbBeta
       friendOfCsb
     }
+
+    metadata {
+      useCases
+    }
   }
 `;
 

packages/app/src/app/overmind/effects/gql/dashboard/mutations.ts

@@ -61,6 +61,8 @@ import {
   UpdateProjectVmTierMutation,
   UpdateUsageSubscriptionMutationVariables,
   UpdateUsageSubscriptionMutation,
+  SetTeamMetadataMutation,
+  SetTeamMetadataMutationVariables,
 } from 'app/graphql/types';
 import { gql, Query } from 'overmind-graphql';
 
@@ -476,3 +478,15 @@ export const updateProjectVmTier: Query<
     }
   }
 `;
+
+export const setTeamMetadata: Query<
+  SetTeamMetadataMutation,
+  SetTeamMetadataMutationVariables
+> = gql`
+  mutation SetTeamMetadata($teamId: UUID4!, $useCases: [String!]!) {
+    setTeamMetadata(teamId: $teamId, metadata: { useCases: $useCases }) {
+      ...teamFragmentDashboard
+    }
+  }
+  ${teamFragmentDashboard}
+`;