cherry-pick sp-icon

onnovisser · onnovisser · commit f3b915a6d0b2 · 2025-03-13T11:26:43.000+01:00
diff --git a/centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx b/centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx
@@ -353,7 +353,7 @@ export const RatingPill = ({ agency, reportUrl, reportFile, value }: RatingProps
                 ? [
                     {
                       text: 'View PDF report',
-                      url: cent.metadata.parseMetadataUrl(reportFile?.uri ?? ''),
+                      url: cent.metadata.parseMetadataUrl(reportFile?.uri ?? '') || '',
                     },
                   ]
                 : []),
@@ -367,8 +367,9 @@ export const RatingPill = ({ agency, reportUrl, reportFile, value }: RatingProps
           padding="2px 0px"
           display="flex"
           alignItems="center"
-          width={70}
           justifyContent="center"
+          pl={1}
+          pr={1}
         >
           {agency && ratingIcons[agency] ? ratingIcons[agency] : <IconSp size={16} />}
           <Text variant="body2" style={{ marginLeft: 4 }}>
diff --git a/fabric/src/icon-svg/IconSp.svg b/fabric/src/icon-svg/IconSp.svg
diff --git a/fabric/src/icon-svg/icon-sp.svg b/fabric/src/icon-svg/icon-sp.svg
@@ -0,0 +1,12 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7167_6333)">
+<rect y="0.5" width="22.834" height="22.834" fill="#EBEBEB"/>
+<rect x="-1.41699" y="8.95215" width="22.834" height="2.12305" fill="#0E0E0E"/>
+<rect y="12.9824" width="22.834" height="10.3516" fill="#D7002A"/>
+</g>
+<defs>
+<clipPath id="clip0_7167_6333">
+<rect y="0.5" width="20" height="20" rx="10" fill="white"/>
+</clipPath>
+</defs>
+</svg>

Original file line number	Diff line number	Diff line change
`@@ -353,7 +353,7 @@ export const RatingPill = ({ agency, reportUrl, reportFile, value }: RatingProps`
`353`	`353`	`? [`
`354`	`354`	`{`
`355`	`355`	`text: 'View PDF report',`
`356`		`- url: cent.metadata.parseMetadataUrl(reportFile?.uri ?? ''),`
	`356`	`+ url: cent.metadata.parseMetadataUrl(reportFile?.uri ?? '') \|\| '',`
`357`	`357`	`},`
`358`	`358`	`]`
`359`	`359`	`: []),`
`@@ -367,8 +367,9 @@ export const RatingPill = ({ agency, reportUrl, reportFile, value }: RatingProps`
`367`	`367`	`padding="2px 0px"`
`368`	`368`	`display="flex"`
`369`	`369`	`alignItems="center"`
`370`		`- width={70}`
`371`	`370`	`justifyContent="center"`
	`371`	`+ pl={1}`
	`372`	`+ pr={1}`
`372`	`373`	`>`
`373`	`374`	`{agency && ratingIcons[agency] ? ratingIcons[agency] : <IconSp size={16} />}`
`374`	`375`	`<Text variant="body2" style={{ marginLeft: 4 }}>`