Refactor/inplace input (#541)

* wip

* Changed all other components

* Removed console log

* Console.log

* lint

* Removed internal state

* Fix

* Lint

front/src/pages/opportunities/Opportunities.tsx

@@ -1,8 +1,10 @@
 import { useCallback, useMemo } from 'react';
+import { getOperationName } from '@apollo/client/utilities';
 import { useTheme } from '@emotion/react';
 
 import { BoardActionBarButtonDeletePipelineProgress } from '@/pipeline-progress/components/BoardActionBarButtonDeletePipelineProgress';
 import { EntityBoardActionBar } from '@/pipeline-progress/components/EntityBoardActionBar';
+import { GET_PIPELINES } from '@/pipeline-progress/queries';
 import { IconTargetArrow } from '@/ui/icons/index';
 import { WithTopBarContainer } from '@/ui/layout/containers/WithTopBarContainer';
 
@@ -23,6 +25,7 @@ export function Opportunities() {
   const pipelineId = pipelines.data?.findManyPipeline[0].id;
 
   const { initialBoard, items } = useBoard(pipelineId || '');
+
   const columns = useMemo(
     () =>
       initialBoard?.map(({ id, colorCode, title }) => ({
@@ -40,12 +43,13 @@ export function Opportunities() {
     async (
       pipelineProgress: Pick<PipelineProgress, 'id' | 'amount' | 'closeDate'>,
     ) => {
-      updatePipelineProgress({
+      await updatePipelineProgress({
         variables: {
           id: pipelineProgress.id,
           amount: pipelineProgress.amount,
           closeDate: pipelineProgress.closeDate || null,
         },
+        refetchQueries: [getOperationName(GET_PIPELINES) ?? ''],
       });
     },
     [updatePipelineProgress],