@@ -11,19 +11,26 @@ interface ComplianceHeaderProps {
1111 title : string ;
1212}
1313
14+ const hasLogo = process . env . LOGO_DEV === 'true' ;
15+
1416export default function ComplianceHeader ( { organization, title } : ComplianceHeaderProps ) {
1517 return (
1618 < div className = "border-t-primary flex flex-col gap-4 rounded-sm border border-t-4 p-4" >
1719 < div className = "flex flex-col items-start justify-between gap-4 md:flex-row md:items-center" >
1820 < div className = "flex items-center gap-4" >
19- < div className = "flex h-10 w-10 items-center justify-center" >
20- { organization . logo ? (
21+ < div className = "flex h-14 w-14 items-center justify-center" >
22+ { organization . website ? (
2123 < Image
22- src = { organization . logo || '/placeholder.svg' }
24+ src = {
25+ organization . logo ||
26+ ( hasLogo
27+ ? `https://img.logo.dev/${ organization . website . replace ( 'https://' , '' ) } ?token=${ process . env . LOGO_DEV } &retina=true&format=png`
28+ : `https://img.logo.dev/${ organization . website . replace ( 'https://' , '' ) } ?token=${ process . env . LOGO_DEV } &retina=true&format=png` )
29+ }
2330 alt = { `${ organization . name } logo` }
24- width = { 40 }
25- height = { 40 }
26- className = "object-contain"
31+ width = { 128 }
32+ height = { 128 }
33+ className = "object-contain rounded-md "
2734 />
2835 ) : (
2936 < div className = "bg-muted-foreground flex h-10 w-10 items-center justify-center rounded-md font-bold text-white" >
@@ -33,13 +40,11 @@ export default function ComplianceHeader({ organization, title }: ComplianceHead
3340 </ div >
3441 < div className = "flex flex-col" >
3542 < h1 className = "text-xl font-bold" > { title } </ h1 >
36- < ComplianceSummary
37- text = { `Find out the compliance and security posture of ${ organization . name } .` }
38- />
43+ < ComplianceSummary text = { `Compliance and Security Portal for ${ organization . name } .` } />
3944 </ div >
4045 </ div >
4146
42- < div className = "grid gap-2 sm:flex" >
47+ < div className = "grid gap-2 sm:flex w-full md:justify-end md:w-auto " >
4348 < Link
4449 className = { buttonVariants ( {
4550 variant : 'outline' ,
0 commit comments