From 6fc749cb632cf2f7897748798dc9c06502566e50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ma=C3=ABl=20Brunet?= <maelbrunet@gmail.com>
Date: Sun, 6 Jun 2021 00:26:07 +0200
Subject: [PATCH] Remove random recipe button

---
 src/_includes/layouts/home.njk   | 23 -----------------------
 src/scss/components/_search.scss | 18 ------------------
 2 files changed, 41 deletions(-)

diff --git a/src/_includes/layouts/home.njk b/src/_includes/layouts/home.njk
index 3894575..18b4a6e 100644
--- a/src/_includes/layouts/home.njk
+++ b/src/_includes/layouts/home.njk
@@ -15,8 +15,6 @@ bodyClass: c-home
         <div class="l-container">
             {% set homeSearch = true %}
             {% include "components/search.njk" %}
-            
-            <a x-data="getRandomRecipe()" x-init="initRandomRecipe()" x-bind:href="url" class="c-search__random-link">🔀 {{ randomRecipe }}</a>
         </div>
     </section>
 
@@ -51,25 +49,4 @@ bodyClass: c-home
             </div>
         </section>
     {% endif %}
-
-    <script>
-        function getRandomRecipe() {
-            return {
-                url: '',
-                initRandomRecipe() {
-                    const random = (recipes) => recipes[Math.floor(Math.random() * recipes.length)];
-
-                    if (sessionStorage.getItem('searchResults')) {
-                        this.url = random(JSON.parse(sessionStorage.getItem('searchResults'))).url;
-                    } else {
-                        fetch('/search.json').then(res => res.json()).then(res => {
-                            sessionStorage.setItem('searchResults', JSON.stringify(res));
-                            this.url = random(res).url;
-                        });
-                    }
-                }
-
-            }
-        }
-    </script>
 {% endblock %}
\ No newline at end of file
diff --git a/src/scss/components/_search.scss b/src/scss/components/_search.scss
index f6bc2bc..fc2723f 100644
--- a/src/scss/components/_search.scss
+++ b/src/scss/components/_search.scss
@@ -122,21 +122,3 @@
 .c-search__search-result-ingredients--home {
     font-size: 1rem;
 }
-
-.c-search__random-link {
-    display: block;
-    width: max-content;
-    margin: 10px auto 0;
-    padding: 6px 10px;
-    border: none;
-    border-radius: 4px;
-    background-color: var(--color-grey-900);
-    color: var(--color-white);
-    font-weight: bold;
-    text-decoration: none;
-
-    &:hover, &:focus {
-        text-decoration: none;
-        background-color: var(--color-grey-800);
-    }
-}
\ No newline at end of file