CRM_ENVIROMENT/CRM_backup
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed the dashboards

Browse Source
This commit is contained in:
Hannah_Bagga
2026-06-18 15:21:56 +02:00
parent 3f839bc0fc
commit 0898ad4ebf
7 changed files with 147 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/dashboard/leads-per-month-chart.tsx
+7 -8
View File
@@ -14,9 +14,8 @@ interface LeadsPerMonthChartProps {
data: MonthlyData[]
}
const BAR_GRADIENT_TOP = "#3B6AB8"
const NEW_LEADS = "#1e3c72"
const CLOSED = "#457fca"
const NEW_LEADS = "#0d9488"
const CLOSED = "#c9a96e"
export function LeadsPerMonthChart({ data }: LeadsPerMonthChartProps) {
const [hovered, setHovered] = useState<number | null>(null)
@@ -87,14 +86,14 @@ export function LeadsPerMonthChart({ data }: LeadsPerMonthChartProps) {
>
<defs>
<linearGradient id="newLeadsGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stopColor={BAR_GRADIENT_TOP} />
<stop offset="0%" stopColor="#0d9488" />
<stop offset="100%" stopColor={NEW_LEADS} />
</linearGradient>
<linearGradient id="closedGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stopColor="#5691c8" />
<stop offset="0%" stopColor="#e8d5a3" />
<stop offset="100%" stopColor={CLOSED} />
</linearGradient>
<filter id="shadowBlue">
<filter id="shadowNew">
<feDropShadow dx="0" dy="2" stdDeviation="4" floodColor={NEW_LEADS} floodOpacity="0.4" />
</filter>
<filter id="shadowClosed">
@@ -160,7 +159,7 @@ export function LeadsPerMonthChart({ data }: LeadsPerMonthChartProps) {
height={newH}
rx={4}
fill="url(#newLeadsGrad)"
filter={isActive ? "url(#shadowBlue)" : undefined}
filter={isActive ? "url(#shadowNew)" : undefined}
opacity={hovered !== null && !isActive ? 0.35 : 1}
style={{ transition: "opacity 0.15s ease" }}
/>
@@ -247,4 +246,4 @@ export function LeadsPerMonthChart({ data }: LeadsPerMonthChartProps) {
</Card>
</motion.div>
)
}
}