kyd-shared-badge 0.2.5 → 0.2.7

package/package.json

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

package/src/components/AppendixTables.tsx

@@ -69,12 +69,12 @@ const AppendixTables: React.FC<AppendixTableProps> = ({ type, sources, searchedA
 
     const formattedDate = new Date(searchedAt).toLocaleString(undefined, {
         year: 'numeric', month: 'short', day: 'numeric',
-        hour: 'numeric', minute: '2-digit',
+        // hour: 'numeric', minute: '2-digit',
     });
 
     const headers = type === 'sanctions' 
-        ? ["Issuing Entity", "List Name", "List Searched On", "Findings", "What the Findings Mean"]
-        : ["Country", "Entity Type", "Entity/Domain", "Searched On", "Findings", "What the Findings Mean"];
+        ? ["Issuing Entity", "List Name", "List Searched On", "Value", "Findings"]
+        : ["Country", "Entity Type", "Entity/Domain", "Searched On", "Value", "Findings"];
 
     const parsedSources = type === 'sanctions' 
         ? (sources as string[]).map(sourceString => {
@@ -102,6 +102,11 @@ const AppendixTables: React.FC<AppendixTableProps> = ({ type, sources, searchedA
         <div>
             <div className={'overflow-x-auto rounded-lg border'} style={{ borderColor: 'var(--icon-button-secondary)', backgroundColor: 'var(--content-card-background)' }}>
                 <table className={'min-w-full'}>
+                    <colgroup>
+                        {headers.map((_, idx) => (
+                            <col key={idx} style={idx === headers.length - 1 ? { width: '45%' } : {}} />
+                        ))}
+                    </colgroup>
                     <thead className={''}>
                         <tr>
                             {headers.map(header => (

package/src/components/IpRiskAnalysisDisplay.tsx

@@ -22,14 +22,14 @@ const FindingRow = ({ finding }: { finding: IpRiskAnalysisFinding }) => (
 const Section = ({ section }: { section: IpRiskSection }) => (
   <div className="py-3">
     <h4 className="text-lg font-semibold mb-2" style={{ color: 'var(--text-main)' }}>{section.title}</h4>
-    <div className="space-y-3">
+    <ul className="list-disc pl-6 space-y-2">
       {section.items.map((item, idx) => (
-        <div key={idx}>
-          <p className="font-medium" style={{ color: 'var(--text-main)' }}>{item.label}:</p>
-          <p className="text-sm" style={{ color: 'var(--text-secondary)' }}>{item.text}</p>
-        </div>
+        <li key={idx} className="text-sm">
+          <div className="font-medium" style={{ color: 'var(--text-main)' }}>{item.label}:</div>
+          <div className="pl-3" style={{ color: 'var(--text-secondary)' }}>{item.text}</div>
+        </li>
       ))}
-    </div>
+    </ul>
   </div>
 );
 

package/src/components/ProviderInsights.tsx

@@ -59,23 +59,28 @@ export default function ProviderInsights({ platforms, insights }: ProviderInsigh
                   {Icon && <Icon className={'h-6 w-6'} style={{ color: 'var(--text-secondary)' }} />}
                   <h3 className={'font-semibold text-lg'} style={{ color: 'var(--text-main)' }}>{platform.name}</h3>
                 </div>
-                {observedDate && (
-                  <span className={'text-sm'} style={{ color: 'var(--text-secondary)' }}>
-                    Observed: {observedDate}
-                  </span>
-                )}
+                <div className="flex flex-col items-end gap-1">
+                  {platform.url && (
+                    <span className={'text-sm'} style={{ color: 'var(--text-secondary)' }}>
+                      Profile:{' '}
+                      <a
+                        href={platform.url}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className={'font-medium underline-offset-2 hover:underline'}
+                        style={{ color: 'var(--icon-accent)' }}
+                      >
+                        {platform.handle || 'View Profile'}
+                      </a>
+                    </span>
+                  )}
+                  {observedDate && (
+                    <span className={'text-sm'} style={{ color: 'var(--text-secondary)' }}>
+                      Observed: {observedDate}
+                    </span>
+                  )}
+                </div>
               </div>
-              {platform.url && (
-                <a
-                  href={platform.url}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className={'mt-2 inline-block text-sm font-medium underline-offset-2 hover:underline'}
-                  style={{ color: 'var(--icon-accent)' }}
-                >
-                  {platform.handle || 'View Profile'}
-                </a>
-              )}
             </div>
 
             {/* Insights */}

package/src/components/ReportHeader.tsx

@@ -48,9 +48,9 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, isPublic,
           style={{ backgroundColor: 'var(--content-card-background)', borderColor: 'var(--icon-button-secondary)', backgroundImage: `linear-gradient(${tint}, ${tint})` }}
         >
             {/* Left Section */}
-            <div className="flex items-center text-left md:text-center gap-5">
+            <div className="flex items-center text-left md:text-center">
                 <Image src={finalBadgeImageUrl} alt="KYD Badge" width={100} height={100} unoptimized />
-                <div className='flex flex-col'>
+                <div className='flex flex-col ml-3'>
                     <h1 className={'font-bold text-lg'} style={{ color: 'var(--text-main)' }}>
                       KYD Self-Check™
                     </h1>