dave/eve-signaler
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

Fix gradient

Browse Source
This commit is contained in:
PhatPhuckDave
2025-06-14 03:02:33 +02:00
parent 07753db509
commit 5b42b0b7fd
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Connection.tsx
View File

@@ -1,4 +1,3 @@
import React from 'react'; import React from 'react';
interface ConnectionProps { interface ConnectionProps {
@@ -9,12 +8,16 @@ interface ConnectionProps {
} }
export const Connection: React.FC<ConnectionProps> = ({ from, to, fromColor = '#a855f7', toColor = '#a855f7' }) => { export const Connection: React.FC<ConnectionProps> = ({ from, to, fromColor = '#a855f7', toColor = '#a855f7' }) => {
// Create gradient ID based on colors to ensure uniqueness // Create a safe gradient ID by removing special characters
const gradientId = `gradient-${fromColor.replace('#', '')}-${toColor.replace('#', '')}`; const gradientId = `gradient-${fromColor.replace(/[^a-zA-Z0-9]/g, '')}-${toColor.replace(/[^a-zA-Z0-9]/g, '')}`;
return ( return (
<g> <g>
<defs> <defs>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="2" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
<linearGradient id={gradientId} x1="0%" y1="0%" x2="100%" y2="0%"> <linearGradient id={gradientId} x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stopColor={fromColor} stopOpacity="0.7" /> <stop offset="0%" stopColor={fromColor} stopOpacity="0.7" />
<stop offset="100%" stopColor={toColor} stopOpacity="0.7" /> <stop offset="100%" stopColor={toColor} stopOpacity="0.7" />