diff --git a/src/assets/logo/social-logo/circle/meta-circle.svg b/src/assets/logo/social-logo/circle/meta-circle.svg
new file mode 100644
index 00000000..798a9032
--- /dev/null
+++ b/src/assets/logo/social-logo/circle/meta-circle.svg
@@ -0,0 +1,31 @@
+
diff --git a/src/components/common/chart/ChartLegend.tsx b/src/components/common/chart/ChartLegend.tsx
index 0096aa80..53fe2158 100644
--- a/src/components/common/chart/ChartLegend.tsx
+++ b/src/components/common/chart/ChartLegend.tsx
@@ -3,7 +3,8 @@ import { twMerge } from "tailwind-merge";
export interface IChartLegendItem {
label: string;
- colorClass: string;
+ colorClass?: string;
+ color?: string;
}
export interface IChartLegendProps {
@@ -21,6 +22,7 @@ const ChartLegend = memo(function ChartLegend({
{item.label}
diff --git a/src/components/common/dropdownmenu/DropdownMenu.tsx b/src/components/common/dropdownmenu/DropdownMenu.tsx
index e8abf297..25696afd 100644
--- a/src/components/common/dropdownmenu/DropdownMenu.tsx
+++ b/src/components/common/dropdownmenu/DropdownMenu.tsx
@@ -12,11 +12,13 @@ export function DropdownMenu({
trigger,
items,
className,
+ menuClassName,
"aria-label": ariaLabel,
}: {
trigger: React.ReactNode | ((open: boolean) => React.ReactNode);
items: TMenuItem[];
className?: string;
+ menuClassName?: string;
"aria-label"?: string;
}) {
const [open, setOpen] = useState(false);
@@ -57,7 +59,10 @@ export function DropdownMenu({