Merge branch 'main' into context-menu-vertical

front/src/modules/ui/board/components/EntityBoard.tsx

@@ -7,6 +7,7 @@ import { IconList } from '@tabler/icons-react';
 import { useRecoilState, useSetRecoilState } from 'recoil';
 
 import { CompanyBoardContext } from '@/companies/states/CompanyBoardContext';
+import { GET_PIPELINE_PROGRESS } from '@/pipeline/queries';
 import { BoardHeader } from '@/ui/board/components/BoardHeader';
 import { StyledBoard } from '@/ui/board/components/StyledBoard';
 import { useUpdateBoardCardIds } from '@/ui/board/hooks/useUpdateBoardCardIds';
@@ -22,7 +23,6 @@ import {
   useUpdateOnePipelineProgressStageMutation,
 } from '~/generated/graphql';
 
-import { GET_PIPELINE_PROGRESS } from '../../../pipeline/queries';
 import { BoardColumnContext } from '../states/BoardColumnContext';
 import { boardColumnsState } from '../states/boardColumnsState';
 import { selectedBoardCardIdsState } from '../states/selectedBoardCardIdsState';

front/src/modules/ui/board/components/EntityBoardColumn.tsx

@@ -91,14 +91,14 @@ export function EntityBoardColumn({
                 />
               </BoardCardIdContext.Provider>
             ))}
-            <Draggable draggableId={`new-${column.id}`} index={cardIds.length}>
+            <Draggable
+              draggableId={`new-${column.id}`}
+              index={cardIds.length}
+              isDragDisabled={true}
+            >
               {(draggableProvided) => (
                 <div
                   ref={draggableProvided?.innerRef}
-                  {...{
-                    ...draggableProvided.dragHandleProps,
-                    draggable: false,
-                  }}
                   {...draggableProvided?.draggableProps}
                 >
                   <StyledNewCardButtonContainer>

front/src/modules/ui/board/components/NewButton.tsx

@@ -8,7 +8,7 @@ const StyledButton = styled.button`
   align-self: baseline;
   background-color: ${({ theme }) => theme.background.primary};
   border: none;
-  border-radius: ${({ theme }) => theme.border.radius.md};
+  border-radius: ${({ theme }) => theme.border.radius.sm};
   color: ${({ theme }) => theme.font.color.tertiary};
   cursor: pointer;
   display: flex;

front/src/modules/ui/board/states/FieldDefinitionContext.ts

@@ -1,9 +1,14 @@
 import { createContext } from 'react';
 
-import {
-  ViewFieldDefinition,
-  ViewFieldMetadata,
-} from '../../editable-field/types/ViewField';
+import { FieldDefinition } from '@/ui/editable-field/types/FieldDefinition';
+import { FieldMetadata } from '@/ui/editable-field/types/FieldMetadata';
 
-export const FieldDefinitionContext =
-  createContext<ViewFieldDefinition<ViewFieldMetadata> | null>(null);
+export const FieldDefinitionContext = createContext<
+  FieldDefinition<FieldMetadata>
+>({
+  id: '',
+  label: '',
+  icon: undefined,
+  type: '',
+  metadata: {} as FieldMetadata,
+});

front/src/modules/ui/board/states/viewFieldsDefinitionsState.ts

@@ -5,9 +5,9 @@ import type {
   ViewFieldMetadata,
 } from '../../editable-field/types/ViewField';
 
-export const fieldsDefinitionsState = atom<
+export const viewFieldsDefinitionsState = atom<
   ViewFieldDefinition<ViewFieldMetadata>[]
 >({
-  key: 'fieldsDefinitionState',
+  key: 'viewFieldsDefinitionState',
   default: [],
 });