feat: add AO logo

Author: LorimerJenkins

public/partners/AO.svg

@@ -255,9 +255,13 @@ body.modal-open .tooltip {
   background-color: var(--primary-palatinate-blue);
   color: #ffffff;
   padding: 2px 6px;
-  font-size: 7px;
+  font-size: 8px;
   font-weight: bold;
   border-radius: 4px;
   z-index: 10;
   pointer-events: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 2px;
 }

src/app/home/AssetRow/AssetRow.module.css

@@ -80,7 +80,18 @@ const AssetRow: React.FC<AssetRowProps> = ({ asset, mode }) => {
   return (
     <div className={wrapperClasses}>
       {hasSpecialStyling && (
-        <div className={styles.aoLabel}>Continues earning AO while lent</div>
+        <div className={styles.aoLabel}>
+          <span>Continues earning</span>
+
+          <Image
+            src={"/partners/AO.svg"}
+            alt={asset.name}
+            width={11}
+            height={11}
+          />
+
+          <span>if supplied</span>
+        </div>
       )}
       <Link href={`/${asset.cleanTicker}`} className={styles.assetRow}>
         <div className={styles.assetInfo}>