Merge pull request #52 from code4rena-dev/leo95oliveira/new-icon-mapping

New mapping for icons

Author: leo95oliveira

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code4rena/components-library",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "description": "Code4rena's official components library ",
   "types": "./dist/lib.d.ts",
   "exports": {

src/lib/ContestTile/CompactTemplate.tsx

@@ -62,8 +62,16 @@ const IsContest = ({title, isDarkTile = true, contestData, sponsorUrl, sponsorIm
   const [contestTimelineObject, setContestTimelineObject] = useState<ContestSchedule | undefined>();
   const [hasBotRace, setHasBotRace] = useState(contestData ? !!contestData.botFindingsRepo : false);
   let ecosystemLogoName: string = "";
-  if (ecosystem && (ecosystem === "Polkadot")) {
-    ecosystemLogoName = 'logo-polkadot'
+  if (ecosystem) {
+    switch (ecosystem) {
+      case "Polkadot":
+      case "Blast":
+        ecosystemLogoName = `logo-${ecosystem.toLowerCase()}`;
+        break;
+      default:
+        ecosystemLogoName = "";
+        break;
+    }
   }
 
   const updateContestTileStatus = useCallback(() => {
@@ -188,10 +196,18 @@ const IsBounty = ({title, isDarkTile = true, bountyData, sponsorUrl, sponsorImag
 }) => {
   const { amount, bountyUrl, ecosystem, languages } = bountyData;
   let ecosystemLogoName: string = "";
-  if (ecosystem && (ecosystem === "Polkadot")) {
-    ecosystemLogoName = 'logo-polkadot'
+  if (ecosystem) {
+    switch (ecosystem) {
+      case "Polkadot":
+      case "Blast":
+        ecosystemLogoName = `logo-${ecosystem.toLowerCase()}`;
+        break;
+      default:
+        ecosystemLogoName = "";
+        break;
+    }
   }
-
+  
   return (
     <div className="body--bounty">
       <header>

src/lib/ContestTile/DefaultTemplate.tsx

@@ -253,8 +253,16 @@ function IsContest({
 }) {
   const { contestUrl, amount, findingsRepo, startDate, endDate, ecosystem, languages } = contestData;
   let ecosystemLogoName: string = "";
-  if (ecosystem && (ecosystem === "Polkadot")) {
-    ecosystemLogoName = 'logo-polkadot'
+  if (ecosystem) {
+    switch (ecosystem) {
+      case "Polkadot":
+      case "Blast":
+        ecosystemLogoName = `logo-${ecosystem.toLowerCase()}`;
+        break;
+      default:
+        ecosystemLogoName = "";
+        break;
+    }
   }
 
   return (
@@ -403,8 +411,16 @@ function IsBounty({
   const { bountyUrl, amount, startDate, ecosystem, languages } = bountyData;
   const endDate = "2999-01-01T00:00:00Z"
   let ecosystemLogoName: string = "";
-  if (ecosystem && (ecosystem === "Polkadot")) {
-    ecosystemLogoName = 'logo-polkadot'
+  if (ecosystem) {
+    switch (ecosystem) {
+      case "Polkadot":
+      case "Blast":
+        ecosystemLogoName = `logo-${ecosystem.toLowerCase()}`;
+        break;
+      default:
+        ecosystemLogoName = "";
+        break;
+    }
   }
 
   return (