sha/sLogos
1
0
Fork 0
mirror of https://github.com/shadoll/sLogos.git synced 2025-12-20 03:26:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Refactor country name highlighting logic in CountryMap component for improved readability and maintainability

Browse Source
This commit is contained in:
sHa
2025-08-14 01:15:44 +03:00
parent 6c2aa6acef
commit 6c7ac29f62
1 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/CountryMap.svelte
View File

@@ -22,14 +22,17 @@
}
});
// Highlight by country name (name attribute)
const names = Array.isArray(countryNames) ? countryNames : countryNames ? [countryNames] : [];
const names = Array.isArray(countryNames)
? countryNames
: countryNames
? [countryNames]
: [];
names.forEach((name) => {
// Find all elements with matching name attribute or class name
console.log(`Highlighting country: ${name}`);
const pathsByName = svgEl.querySelectorAll(`[name='${name}']`);
const pathsByClass = svgEl.querySelectorAll(`.${name.replace(/ /g, '.')}`);
const pathsByClass = svgEl.querySelectorAll(
`.${name.replace(/ /g, ".")}`,
);
const allPaths = [...pathsByName, ...pathsByClass];
console.log(`Found paths for ${name}:`, allPaths, `(${allPaths.length})`);
allPaths.forEach((countryPath) => {
countryPath.setAttribute("fill", "#4f8cff");
countryPath.setAttribute("stroke", "#222");