Refactor FacetLineSelected to FacetLineSelectedTerms

also the classes

Author: spaceo

src/stories/Library/search-result-page/FacetLineSelected.tsx renamed to src/stories/Library/search-result-page/FacetLineSelectedTerms.tsx

@@ -6,11 +6,11 @@ export interface FacetLineSelectedProps {
   items: FacetLineItem<"term">[];
 }
 
-const FacetLineSelected: FC<FacetLineSelectedProps> = ({ items }) => {
+const FacetLineSelectedTerms: FC<FacetLineSelectedProps> = ({ items }) => {
   return (
-    <ul className="facet-line-selected">
+    <ul className="facet-line-selected-terms">
       {items.map(({ title }) => (
-        <li className="facet-line-selected__item">
+        <li className="facet-line-selected-terms__item">
           <Tag showCloseIcon hasBackground>
             {title}
           </Tag>
@@ -20,4 +20,4 @@ const FacetLineSelected: FC<FacetLineSelectedProps> = ({ items }) => {
   );
 };
 
-export default FacetLineSelected;
+export default FacetLineSelectedTerms;

src/stories/Library/search-result-page/SearchResultPage.tsx

@@ -3,8 +3,8 @@ import { SearchResultInfo } from "./SearchResultInfo";
 import ResultPager from "./ResultPager";
 import { SearchResultTitle } from "./SearchResultTitle";
 import { SearchResultZero } from "./SearchResultZero";
-import FacetLine, { FacetLineItem } from "./FacetLine";
-import FacetLineSelected from "./FacetLineSelected";
+import FacetLine from "./FacetLine";
+import FacetLineSelected from "./FacetLineSelectedTerms";
 import data from "./SearchResultPageData";
 
 export type SearchResultPageProps = {

src/stories/Library/search-result-page/facet-line.scss

@@ -3,20 +3,10 @@
     display: inline-block;
     @extend %mr-8;
     @extend %mt-8;
-
-    .dropdown__select {
-      @extend %text-tags;
-      height: 100%;
-      padding: $s-sm $s-md;
-      min-width: 200px;
-    }
-    .dropdown__arrows {
-      height: 100%;
-    }
   }
 }
 
-.facet-line-selected {
+.facet-line-selected-terms {
   @extend %mt-16;
 
   &__item {