chore: display transaction type

PatrickDinh · PatrickDinh · commit a2cfd11ed0c7 · 2024-03-21T13:57:06.000+10:00
diff --git a/src/features/transactions/pages/group-page.tsx b/src/features/transactions/pages/group-page.tsx
@@ -108,6 +108,7 @@ const DisplayArrow = fixedForwardRef(({ arrow, ...rest }: { arrow: Arrow }, ref?
         <div className={cn('border-primary h-1/2')} style={{ borderBottomWidth: graphConfig.lineWidth }}></div>
         {arrow.direction === 'leftToRight' && <SvgPointerRight className={cn('absolute top-0 right-0')} />}
       </div>
+      <div className={cn('absolute z-20 bg-background p-2')}>Payment</div>
       <SvgCircle width={graphConfig.circleDimension} height={graphConfig.circleDimension}></SvgCircle>
     </div>
   )

Original file line number	Diff line number	Diff line change
`@@ -108,6 +108,7 @@ const DisplayArrow = fixedForwardRef(({ arrow, ...rest }: { arrow: Arrow }, ref?`
`108`	`108`	`<div className={cn('border-primary h-1/2')} style={{ borderBottomWidth: graphConfig.lineWidth }}></div>`
`109`	`109`	`{arrow.direction === 'leftToRight' && <SvgPointerRight className={cn('absolute top-0 right-0')} />}`
`110`	`110`	`</div>`
	`111`	`+ <div className={cn('absolute z-20 bg-background p-2')}>Payment</div>`
`111`	`112`	`<SvgCircle width={graphConfig.circleDimension} height={graphConfig.circleDimension}></SvgCircle>`
`112`	`113`	`</div>`
`113`	`114`	`)`