Merge pull request danskernesdigitalebibliotek#220 from itk-dev/feature/CMN-577-rename-recommender-to-simple-material

Itkdev - 577 - Rename recommender to simple material

Author: sinejespersen

base.scss

@@ -87,7 +87,7 @@
 @import "./src/stories/Library/Modals/modal-infomedia/infomedia";
 @import "./src/stories/Library/pincode-container/pincode-container";
 @import "./src/stories/Library/promo-bar/promo-bar";
-@import "./src/stories/Library/recommender/recommender";
+@import "./src/stories/Library/recommenders/recommenders";
 @import "./src/stories/Library/Lists/list-intermediates/list-intermediates";
 @import "./src/stories/Library/instant-loan/instant-loan";
 @import "./src/stories/Library/scroll-lock-background/scroll-lock-background";
@@ -96,8 +96,6 @@
 @import "./src/stories/Blocks/autosuggest/autosuggest";
 @import "./src/stories/Library/autosuggest-text/autosuggest-text";
 @import "./src/stories/Library/autosuggest-material/autosuggest-material";
-@import "./src/stories/Library/favorites-list-material-component/favorites-list-material-component";
-
 
 // Blocks
 @import "./src/stories/Blocks/footer/footer";

src/stories/Library/favorites-list-material-component/favorites-list-material-component.scss

@@ -1,5 +1,5 @@
 import { ComponentMeta, ComponentStory } from "@storybook/react";
-import Recommender from "./Recommender";
+import Recommender from "./Recommenders";
 
 export default {
   title: "Library / Recommender",

src/stories/Library/favorites-list-material-component/favorites-list-material-component.stories.tsx

@@ -60,11 +60,11 @@ const Recommender: React.FC<RecommenderProps> = ({
       >
         {recommenderData.map(({ title: recTitle, filled, authors }) => (
           <li
-            className={`recommender-material ${
-              bright ? "`recommender-material--bright" : ""
+            className={`simple-material ${
+              bright ? "`simple-material--bright" : ""
             }`}
           >
-            <div className="recommender-material__favourite">
+            <div className="simple-material__favourite">
               <div className="button-favourite button-favourite">
                 <SvgIcon
                   className={`icon-favourite icon-favourite${
@@ -77,17 +77,17 @@ const Recommender: React.FC<RecommenderProps> = ({
                 />
               </div>
             </div>
-            <div className="recommender-material__cover-container">
+            <div className="simple-material__cover-container">
               <Cover
                 src="images/book_cover_3.jpg"
                 size="medium"
                 animate={false}
                 tint="120"
               />
             </div>
-            <div className="recommender-material__meta">
-              <a className="recommender-material__title">{recTitle}</a>
-              <div className="recommender-material__author">{authors}</div>
+            <div className="simple-material__meta">
+              <a className="simple-material__title">{recTitle}</a>
+              <div className="simple-material__author">{authors}</div>
             </div>
           </li>
         ))}

src/stories/Library/favorites-list-material-component/favorites-list-material-component.tsx

@@ -11,7 +11,7 @@
   /* stylelint-disable max-nesting-depth */
   &--triple-desktop {
     @include breakpoint-m {
-      .recommender-material {
+      .simple-material {
         &:last-of-type {
           display: none;
         }
@@ -72,7 +72,7 @@
   }
 }
 
-.recommender-material {
+.simple-material {
   border: 1px solid $c-text-secondary-gray;
   padding: 30px;
   display: flex;