Enable pipeline stage ordering (#577)

* Enable pipeline stage ordering

* Removing migration

* Remove Save button

front/src/generated/graphql.tsx

@@ -2085,6 +2085,7 @@ export type PipelineStage = {
   color: Scalars['String'];
   createdAt: Scalars['DateTime'];
   id: Scalars['ID'];
+  index?: Maybe<Scalars['Int']>;
   name: Scalars['String'];
   pipeline: Pipeline;
   pipelineId: Scalars['String'];
@@ -2097,6 +2098,7 @@ export type PipelineStageCreateManyPipelineInput = {
   color: Scalars['String'];
   createdAt?: InputMaybe<Scalars['DateTime']>;
   id?: InputMaybe<Scalars['String']>;
+  index?: InputMaybe<Scalars['Int']>;
   name: Scalars['String'];
   type: Scalars['String'];
   updatedAt?: InputMaybe<Scalars['DateTime']>;
@@ -2111,6 +2113,7 @@ export type PipelineStageCreateManyWorkspaceInput = {
   color: Scalars['String'];
   createdAt?: InputMaybe<Scalars['DateTime']>;
   id?: InputMaybe<Scalars['String']>;
+  index?: InputMaybe<Scalars['Int']>;
   name: Scalars['String'];
   pipelineId: Scalars['String'];
   type: Scalars['String'];
@@ -2147,6 +2150,7 @@ export type PipelineStageCreateWithoutPipelineInput = {
   color: Scalars['String'];
   createdAt?: InputMaybe<Scalars['DateTime']>;
   id?: InputMaybe<Scalars['String']>;
+  index?: InputMaybe<Scalars['Int']>;
   name: Scalars['String'];
   pipelineProgresses?: InputMaybe<PipelineProgressCreateNestedManyWithoutPipelineStageInput>;
   type: Scalars['String'];
@@ -2157,6 +2161,7 @@ export type PipelineStageCreateWithoutWorkspaceInput = {
   color: Scalars['String'];
   createdAt?: InputMaybe<Scalars['DateTime']>;
   id?: InputMaybe<Scalars['String']>;
+  index?: InputMaybe<Scalars['Int']>;
   name: Scalars['String'];
   pipeline: PipelineCreateNestedOneWithoutPipelineStagesInput;
   pipelineProgresses?: InputMaybe<PipelineProgressCreateNestedManyWithoutPipelineStageInput>;
@@ -2178,6 +2183,7 @@ export type PipelineStageOrderByWithRelationInput = {
   color?: InputMaybe<SortOrder>;
   createdAt?: InputMaybe<SortOrder>;
   id?: InputMaybe<SortOrder>;
+  index?: InputMaybe<SortOrder>;
   name?: InputMaybe<SortOrder>;
   pipeline?: InputMaybe<PipelineOrderByWithRelationInput>;
   pipelineId?: InputMaybe<SortOrder>;
@@ -2196,6 +2202,7 @@ export enum PipelineStageScalarFieldEnum {
   CreatedAt = 'createdAt',
   DeletedAt = 'deletedAt',
   Id = 'id',
+  Index = 'index',
   Name = 'name',
   PipelineId = 'pipelineId',
   Type = 'type',
@@ -2210,6 +2217,7 @@ export type PipelineStageScalarWhereInput = {
   color?: InputMaybe<StringFilter>;
   createdAt?: InputMaybe<DateTimeFilter>;
   id?: InputMaybe<StringFilter>;
+  index?: InputMaybe<IntNullableFilter>;
   name?: InputMaybe<StringFilter>;
   pipelineId?: InputMaybe<StringFilter>;
   type?: InputMaybe<StringFilter>;
@@ -2220,6 +2228,7 @@ export type PipelineStageUpdateManyMutationInput = {
   color?: InputMaybe<StringFieldUpdateOperationsInput>;
   createdAt?: InputMaybe<DateTimeFieldUpdateOperationsInput>;
   id?: InputMaybe<StringFieldUpdateOperationsInput>;
+  index?: InputMaybe<NullableIntFieldUpdateOperationsInput>;
   name?: InputMaybe<StringFieldUpdateOperationsInput>;
   type?: InputMaybe<StringFieldUpdateOperationsInput>;
   updatedAt?: InputMaybe<DateTimeFieldUpdateOperationsInput>;
@@ -2281,6 +2290,7 @@ export type PipelineStageUpdateWithoutPipelineInput = {
   color?: InputMaybe<StringFieldUpdateOperationsInput>;
   createdAt?: InputMaybe<DateTimeFieldUpdateOperationsInput>;
   id?: InputMaybe<StringFieldUpdateOperationsInput>;
+  index?: InputMaybe<NullableIntFieldUpdateOperationsInput>;
   name?: InputMaybe<StringFieldUpdateOperationsInput>;
   pipelineProgresses?: InputMaybe<PipelineProgressUpdateManyWithoutPipelineStageNestedInput>;
   type?: InputMaybe<StringFieldUpdateOperationsInput>;
@@ -2291,6 +2301,7 @@ export type PipelineStageUpdateWithoutWorkspaceInput = {
   color?: InputMaybe<StringFieldUpdateOperationsInput>;
   createdAt?: InputMaybe<DateTimeFieldUpdateOperationsInput>;
   id?: InputMaybe<StringFieldUpdateOperationsInput>;
+  index?: InputMaybe<NullableIntFieldUpdateOperationsInput>;
   name?: InputMaybe<StringFieldUpdateOperationsInput>;
   pipeline?: InputMaybe<PipelineUpdateOneRequiredWithoutPipelineStagesNestedInput>;
   pipelineProgresses?: InputMaybe<PipelineProgressUpdateManyWithoutPipelineStageNestedInput>;
@@ -2317,6 +2328,7 @@ export type PipelineStageWhereInput = {
   color?: InputMaybe<StringFilter>;
   createdAt?: InputMaybe<DateTimeFilter>;
   id?: InputMaybe<StringFilter>;
+  index?: InputMaybe<IntNullableFilter>;
   name?: InputMaybe<StringFilter>;
   pipeline?: InputMaybe<PipelineRelationFilter>;
   pipelineId?: InputMaybe<StringFilter>;
@@ -3275,7 +3287,7 @@ export type GetPipelinesQueryVariables = Exact<{
 }>;
 
 
-export type GetPipelinesQuery = { __typename?: 'Query', findManyPipeline: Array<{ __typename?: 'Pipeline', id: string, name: string, pipelineProgressableType: PipelineProgressableType, pipelineStages?: Array<{ __typename?: 'PipelineStage', id: string, name: string, color: string, pipelineProgresses?: Array<{ __typename?: 'PipelineProgress', id: string, progressableType: PipelineProgressableType, progressableId: string, amount?: number | null, closeDate?: string | null }> | null }> | null }> };
+export type GetPipelinesQuery = { __typename?: 'Query', findManyPipeline: Array<{ __typename?: 'Pipeline', id: string, name: string, pipelineProgressableType: PipelineProgressableType, pipelineStages?: Array<{ __typename?: 'PipelineStage', id: string, name: string, color: string, index?: number | null, pipelineProgresses?: Array<{ __typename?: 'PipelineProgress', id: string, progressableType: PipelineProgressableType, progressableId: string, amount?: number | null, closeDate?: string | null }> | null }> | null }> };
 
 export type UpdateOnePipelineProgressMutationVariables = Exact<{
   id?: InputMaybe<Scalars['String']>;
@@ -4560,6 +4572,7 @@ export const GetPipelinesDocument = gql`
       id
       name
       color
+      index
       pipelineProgresses {
         id
         progressableType

front/src/modules/comments/components/right-drawer/create/RightDrawerCreateCommentThread.tsx

@@ -19,12 +19,7 @@ export function RightDrawerCreateCommentThread() {
 
   return (
     <RightDrawerPage>
-      <RightDrawerTopBar
-        title="New note"
-        onSave={() => {
-          return;
-        }}
-      />
+      <RightDrawerTopBar title="New note" />
       <RightDrawerBody>
         {commentThreadId && (
           <CommentThread

front/src/modules/pipeline-progress/hooks/useBoard.ts

@@ -23,9 +23,15 @@ export function useBoard(pipelineId: string) {
     variables: { where: { id: { equals: pipelineId } } },
   });
   const pipelineStages = pipelines.data?.findManyPipeline[0]?.pipelineStages;
+  const orderedPipelineStages = pipelineStages
+    ? [...pipelineStages].sort((a, b) => {
+        if (!a.index || !b.index) return 0;
+        return a.index - b.index;
+      })
+    : [];
 
   const initialBoard: Column[] =
-    pipelineStages?.map((pipelineStage) => ({
+    orderedPipelineStages?.map((pipelineStage) => ({
       id: pipelineStage.id,
       title: pipelineStage.name,
       colorCode: pipelineStage.color,
@@ -34,7 +40,7 @@ export function useBoard(pipelineId: string) {
         [],
     })) || [];
 
-  const pipelineProgresses = pipelineStages?.reduce(
+  const pipelineProgresses = orderedPipelineStages?.reduce(
     (acc, pipelineStage) => [
       ...acc,
       ...(pipelineStage.pipelineProgresses || []),

front/src/modules/pipeline-progress/queries/index.ts

@@ -10,6 +10,7 @@ export const GET_PIPELINES = gql`
         id
         name
         color
+        index
         pipelineProgresses {
           id
           progressableType

front/src/testing/mock-data/pipelines.ts

@@ -10,7 +10,7 @@ type MockedPipeline = Pick<
   'id' | 'name' | 'pipelineProgressableType' | '__typename'
 > & {
   pipelineStages: Array<
-    Pick<PipelineStage, 'id' | 'name' | 'color' | '__typename'> & {
+    Pick<PipelineStage, 'id' | 'name' | 'color' | 'index' | '__typename'> & {
       pipelineProgresses: Array<
         Pick<
           PipelineProgress,
@@ -36,6 +36,7 @@ export const mockedPipelinesData: Array<MockedPipeline> = [
         id: 'fe256b39-3ec3-4fe3-8998-b76aa0bfb600',
         name: 'New',
         color: '#B76796',
+        index: 0,
         pipelineProgresses: [
           {
             id: 'fe256b39-3ec3-4fe7-8998-b76aa0bfb600',
@@ -60,6 +61,7 @@ export const mockedPipelinesData: Array<MockedPipeline> = [
         id: 'fe256b39-3ec3-4fe4-8998-b76aa0bfb600',
         name: 'Screening',
         color: '#CB912F',
+        index: 1,
         pipelineProgresses: [],
         __typename: 'PipelineStage',
       },
@@ -67,6 +69,7 @@ export const mockedPipelinesData: Array<MockedPipeline> = [
         id: 'fe256b39-3ec3-4fe5-8998-b76aa0bfb600',
         name: 'Meeting',
         color: '#9065B0',
+        index: 2,
         pipelineProgresses: [],
         __typename: 'PipelineStage',
       },
@@ -74,6 +77,7 @@ export const mockedPipelinesData: Array<MockedPipeline> = [
         id: 'fe256b39-3ec3-4fe6-8998-b76aa0bfb600',
         name: 'Proposal',
         color: '#337EA9',
+        index: 3,
         pipelineProgresses: [],
         __typename: 'PipelineStage',
       },
@@ -81,6 +85,7 @@ export const mockedPipelinesData: Array<MockedPipeline> = [
         id: 'fe256b39-3ec3-4fe7-8998-b76aa0bfb600',
         name: 'Customer',
         color: '#079039',
+        index: 4,
         pipelineProgresses: [],
         __typename: 'PipelineStage',
       },