Merge pull request #67 from code4rena-dev/samus/block-level-nesting-audit

Block level nesting audit

Author: SamusElderg

package.json

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

src/lib/Card/Card.tsx

@@ -74,7 +74,7 @@ export const Card = ({
       {(footerDetails || footerLinks) && (
         <footer className="card__footer">
           {footerDetails && (
-            <p className="card__footer-details">{footerDetails}</p>
+            <div className="card__footer-details">{footerDetails}</div>
           )}
           {footerLinks && (
             <div className="card__footer-link-wrapper">

src/lib/ContestTile/DefaultTemplate.tsx

@@ -313,7 +313,7 @@ function IsContest({
                     </a>
                   </h2>
                   {/* Contest description */}
-                  <p className="description">
+                  <div className="description">
                       {description}{" "}
                       {((hasBotRace && contestTimelineObject && (contestTimelineObject.botRaceStatus === Status.UPCOMING ||
                           contestTimelineObject.botRaceStatus === Status.LIVE))
@@ -344,7 +344,7 @@ function IsContest({
                           size={TagSize.NARROW} />
                         )}
                       </div>}
-                  </p>
+                  </div>
               </div>
           </header>
           {/* Reward pool amount */}
@@ -464,7 +464,7 @@ function IsBounty({
                 </a>
               </h2>
               {/* Contest description */}
-              <p className="description">
+              <div className="description">
                 {description}
                 {(ecosystem || (languages && languages.length > 0)) && <div className="tags">
                   {ecosystem && <Tag 
@@ -482,7 +482,7 @@ function IsBounty({
                     size={TagSize.NARROW} />
                   )}
                 </div>}
-              </p>
+              </div>
           </div>
         </header>
         {/* Reward pool amount */}

src/lib/Input/Input.tsx

@@ -117,8 +117,6 @@ export const Input = ({
       }
     }
     if (required) {
-      console.log(selectValue);
-
       if (variant !== InputVariant.SELECT && (value === "" || value == null)) {
         errorMessages.push("This field is required");
       } else if (

src/lib/Tag/Tag.tsx

@@ -42,7 +42,7 @@ export const Tag = ({
 
   return (
     <div id={id ?? undefined} className={`${styling} ${className}`}>
-      {iconLeft && typeof iconLeft === "string" && <img alt="" src={iconLeft} width={16} height={16} />}
+      {iconLeft && typeof iconLeft === "string" && <img alt="left-icon" src={iconLeft} width={16} height={16} />}
       {iconLeft && typeof iconLeft !== "string" && <div className="icon">
         {iconLeft}
       </div>}