Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 08:13:56 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add legend to pie chart

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2023-08-17 08:24:37 +00:00
parent 9fdc9dcbf7
commit f3259aedea
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/marketing/src/app/(marketing)/open/cap-table.tsx
View File

@ -2,7 +2,7 @@
import { HTMLAttributes, useEffect, useState } from 'react'; import { HTMLAttributes, useEffect, useState } from 'react';
import { Cell, Pie, PieChart, Tooltip } from 'recharts'; import { Cell, Legend, Pie, PieChart, Tooltip } from 'recharts';
import { cn } from '@documenso/ui/lib/utils'; import { cn } from '@documenso/ui/lib/utils';
@ -69,6 +69,7 @@ export const CapTable = ({ className, ...props }: CapTableProps) => {
<Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} /> <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
))} ))}
</Pie> </Pie>
<Legend />
<Tooltip <Tooltip
formatter={(percent: number, name, props) => { formatter={(percent: number, name, props) => {
return [`${percent}%`, name || props['name'] || props['payload']['name']]; return [`${percent}%`, name || props['name'] || props['payload']['name']];