Use ADEME images as icons on cards, fixes #7

Flaburgan · Oct 28, 2024 · f2c5294 · f2c5294
1 parent 8ad1e66
commit f2c5294
Show file tree

Hide file tree

Showing 204 changed files with 12,616 additions and 48 deletions.
diff --git a/components/item-card.tsx b/components/item-card.tsx
@@ -25,13 +25,11 @@ export default function ItemCard(props: Props) {
       <header className={styles.top}>
         <h2 className={styles.label}>{capitalize(item.label)}</h2>
       </header>
-      <main
-        // className={styles.image}
-        // style={{
-        //   backgroundImage: `url("${item.image}")`,
-        // }}
-        dangerouslySetInnerHTML={{__html: "<div>" + item.description + "</div><div>" + item.image + "</div>"}}
-      >
+      <main>
+        <div className={styles.description} dangerouslySetInnerHTML={{__html: item.description}}></div>
+        <div>
+          <img src={`./images/ademe/${item.id}.svg`} />
+        </div>
       </main>
       <div
         className={classNames(styles.bottom, {

diff --git a/public/images/ademe/abricot.svg b/public/images/ademe/abricot.svg
diff --git a/public/images/ademe/ail.svg b/public/images/ademe/ail.svg
diff --git a/public/images/ademe/alimentationordinateur.svg b/public/images/ademe/alimentationordinateur.svg
diff --git a/public/images/ademe/alimentationsmartphone.svg b/public/images/ademe/alimentationsmartphone.svg