5396: rename search-result-page to card-list-page

Author: Sine Jespersen

base.scss

@@ -69,16 +69,16 @@
 @import "./src/stories/Library/material-description/material-description";
 @import "./src/stories/Library/disclosure/disclosure";
 @import "./src/stories/Library/horizontal-term-line/horizontal-term-line";
-@import "./src/stories/Library/search-result-page/search-result-info";
-@import "./src/stories/Library/search-result-page/search-result-page";
-@import "./src/stories/Library/search-result-page/search-result-page-skeleton";
+@import "./src/stories/Library/card-list-page/search-result-info";
+@import "./src/stories/Library/card-list-page/card-list-page";
+@import "./src/stories/Library/card-list-page/card-list-page-skeleton";
 @import "./src/stories/Library/loan-list-page/loan-list-page";
 @import "./src/stories/Library/patron-page/patron-page";
 @import "./src/stories/Library/reservation-list-page/reservation-list-page";
-@import "./src/stories/Library/search-result-page/result-pager";
-@import "./src/stories/Library/search-result-page/search-result-title";
-@import "./src/stories/Library/search-result-page/search-result-zero";
-@import "./src/stories/Library/search-result-page/facet-line";
+@import "./src/stories/Library/card-list-page/result-pager";
+@import "./src/stories/Library/card-list-page/search-result-title";
+@import "./src/stories/Library/card-list-page/search-result-zero";
+@import "./src/stories/Library/card-list-page/facet-line";
 @import "./src/stories/Library/review/review";
 @import "./src/stories/Library/shadows/shadows";
 @import "./src/stories/Library/boxed-text/boxed-text";

src/stories/Library/search-result-page/FacetLine.tsx renamed to src/stories/Library/card-list-page/FacetLine.tsx

@@ -29,7 +29,7 @@ export const SearchResultPage = ({
   zeroResult,
 }: SearchResultPageProps) => {
   return (
-    <div className="search-result-page">
+    <div className="card-list-page">
       <SearchResultTitle
         title={title}
         totalResults={zeroResult ? 0 : totalResults}
@@ -48,9 +48,7 @@ export const SearchResultPage = ({
           />
           <FacetLine items={data.facetLineItems} />
           <FacetLineSelected items={data.selectedTerms} />
-          <div className="search-result-page__list my-32">
-            {SearchResultList}
-          </div>
+          <div className="card-list-page__list my-32">{SearchResultList}</div>
           <ResultPager
             currentResults={currentResults}
             totalResults={totalResults}

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

@@ -14,26 +14,26 @@ export const SearchResultPageSkeleton = ({
   title,
 }: SearchResultPageSkeletonProps) => {
   return (
-    <div className="search-result-page">
+    <div className="card-list-page">
       <SearchResultTitle
         title={title}
         totalResults={0}
         zeroResult={false}
         isLoading
       />
-      <div className="search-result-page__skeleton-facet-line--mobile">
+      <div className="card-list-page__skeleton-facet-line--mobile">
         <div className="ssc mt-48">
           <div className="ssc-head-line mb" />
           <div className="ssc-head-line mb" />
           <div className="ssc-head-line mb" />
         </div>
       </div>
-      <div className="search-result-page__skeleton-facet-line--desktop">
+      <div className="card-list-page__skeleton-facet-line--desktop">
         <div className="ssc mt-48">
           <div className="ssc-head-line mb" />
         </div>
       </div>
-      <ul className="search-result-page__list my-32">
+      <ul className="card-list-page__list my-32">
         <li>
           <CardListItemSkeleton />
         </li>