kyd-shared-badge 0.3.129 → 0.3.131

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kyd-shared-badge",
-  "version": "0.3.129",
+  "version": "0.3.131",
   "private": false,
   "main": "./src/index.ts",
   "module": "./src/index.ts",

package/src/components/AppendixTables.tsx

@@ -9,6 +9,7 @@ import { red, yellow, green, hexToRgba } from '../colors';
 import RiskIcon from './icons/risk';
 import CodeIcon from './icons/code';
 import AiIcon from './icons/ai';
+import { ProviderIcon } from '../utils/provider';
 
 interface SanctionSource {
     issuingEntity: string;
@@ -338,22 +339,6 @@ const AppendixTables: React.FC<AppendixTableProps> = ({ type, sources, searchedA
                             }
                             const br = source as BusinessRuleRow & { pillar?: string };
                             const anchorId = br.uid ? `rule-${br.uid}` : undefined;
-                            const ProviderIcon = ({ name, pillar }: { name?: string, pillar?: string }) => {
-                                const n = (name || '').toLowerCase();
-                                if (n.includes('github')) return <FaGithub />;
-                                if (n.includes('gitlab')) return <FaGitlab />;
-                                if (n.includes('stack')) return <FaStackOverflow />;
-                                if (n.includes('credly')) return <SiCredly />;
-                                if (n.includes('fiverr')) return <SiFiverr />;
-                                if (n.includes('kaggle')) return <FaKaggle />;
-                                if (n.includes('google')) return <FaGoogle />;
-                                if (n.includes('linkedin')) return <FaLinkedin />;
-                                const p = (pillar || '').toLowerCase();
-                                if (p === 'risk') return <RiskIcon width={28} height={28} />;
-                                if (p === 'technical') return <CodeIcon width={28} height={28} />;
-                                if (p === 'ai') return <AiIcon width={28} height={28} />;
-                                return <span className="inline-block w-8 h-8 rounded-full" style={{ backgroundColor: 'var(--icon-button-secondary)' }} />;
-                            };
                             return (
                                 <tr
                                     id={anchorId}
@@ -370,7 +355,7 @@ const AppendixTables: React.FC<AppendixTableProps> = ({ type, sources, searchedA
                                 >
                                     <td className={'px-4 py-4 whitespace-normal text-sm'} style={{ color: 'var(--text-secondary)' }}>
                                         <span title={br.provider || ''} className={'inline-flex items-center text-4xl'} style={{ color: 'var(--text-main)' }}>
-                                            <ProviderIcon name={br.provider} pillar={br.pillar} />
+                                            <ProviderIcon name={br.provider} className='relative w-8 h-8' />
                                         </span>
                                     </td>
                                     <td className={'px-4 py-4 whitespace-normal text-sm'} style={{ color: 'var(--text-secondary)' }}>{br.pillar || '—'}</td>

package/src/components/SkillsBubble.tsx

@@ -172,7 +172,7 @@ export default function SkillsBubble({ skillsCategoryRadar, skillsByCategory, sk
     if (list.length > 10) {
       // Aggregate years and sources for remaining datapoints beyond the top 10
       const remaining = enriched.slice(10);
-      const aggregatedYears = remaining.reduce((sum, it) => sum + Number(it.years || 0), 0);
+      const aggregatedYears = Math.round(remaining.reduce((sum, it) => sum + Number(it.years || 0), 0) * 10) / 10;
       const aggregatedSourcesSet = new Set<string>();
       for (const it of remaining) {
         if (Array.isArray(it.sources)) {

package/src/components/TopContributingFactors.tsx

@@ -24,7 +24,7 @@ export default function TopContributingFactors({
               {topRules.map((r, idx: number) => (
                 <div key={idx} className="flex items-center gap-2 text-xs" style={{ color: 'var(--text-secondary)' }}>
                   <span className={'relative inline-flex items-center group'} style={{ color: 'var(--text-secondary)' }}>
-                    <ProviderIcon name={r.provider} />
+                    <ProviderIcon name={r.provider} className="size-4 relative" />
                     <div className="hidden group-hover:block absolute z-30 left-1/2 -translate-x-1/2 top-full mt-2 w-80">
                       <div style={{ background: 'var(--content-card-background)', border: '1px solid var(--icon-button-secondary)', color: 'var(--text-main)', padding: 10, borderRadius: 6 }}>
                         <div style={{ fontWeight: 600 }}>{getProviderDisplayName(r.provider)}</div>

package/src/utils/provider.tsx

@@ -1,7 +1,10 @@
 'use client';
 
-import { FaGithub, FaGitlab, FaStackOverflow, FaLinkedin, FaGoogle, FaKaggle } from 'react-icons/fa';
+import { FaGithub, FaGitlab, FaStackOverflow, FaLinkedin, FaGoogle, FaKaggle, FaShieldAlt } from 'react-icons/fa';
 import { SiCoursera, SiCredly, SiFiverr, SiUdemy, SiAmazon } from 'react-icons/si';
+import RiskIcon from '../components/icons/risk';
+import CodeIcon from '../components/icons/code';
+import AiIcon from '../components/icons/ai';
 
 export const ProviderIcon = ({ name, className }: { name?: string; className?: string }) => {
   const n = (name || '').toLowerCase();
@@ -11,11 +14,15 @@ export const ProviderIcon = ({ name, className }: { name?: string; className?: s
   if (n.includes('credly')) return <SiCredly className={className} />;
   if (n.includes('fiverr')) return <SiFiverr className={className} />;
   if (n.includes('kaggle')) return <FaKaggle className={className} />;
-  if (n.includes('google')) return <FaGoogle className={className} />;
+  if (n.includes('google') || n.includes('gscholar')) return <FaGoogle className={className} />;
   if (n.includes('linkedin')) return <FaLinkedin className={className} />;
   if (n.includes('coursera')) return <SiCoursera className={className} />;
   if (n.includes('udemy')) return <SiUdemy className={className} />;
   if (n.includes('amazon')) return <SiAmazon className={className} />;
+  if (n.includes('cyber')) return <RiskIcon className={className} />;
+  if (n.includes('risk')) return <RiskIcon className={className} />;
+  if (n.includes('technical')) return <CodeIcon className={className} />;
+  if (n.includes('ai')) return <AiIcon className={className} />;
   return <span className={className || 'inline-block w-3 h-3 rounded-full'} style={{ backgroundColor: 'var(--icon-button-secondary)' }} />;
 };