Skip to content

Commit 1851649

Browse files
spaceokasperbirch1
spaceo
authored and
kasperbirch1
committed
Move search result data to seprate file
to "declutter" the SearchResultPage component
1 parent f10712b commit 1851649

File tree

2 files changed

+110
-106
lines changed

2 files changed

+110
-106
lines changed

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

Lines changed: 4 additions & 106 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { SearchResultTitle } from "./SearchResultTitle";
55
import { SearchResultZero } from "./SearchResultZero";
66
import FacetLine, { FacetLineItem } from "./FacetLine";
77
import FacetLineSelected from "./FacetLineSelected";
8+
import data from "./SearchResultPageData";
89

910
export type SearchResultPageProps = {
1011
title: string;
@@ -15,110 +16,7 @@ export type SearchResultPageProps = {
1516
zeroResult: boolean;
1617
};
1718

18-
const SearchResult = [
19-
{
20-
coverUrl: "images/book_cover_1.jpg",
21-
heartFill: false,
22-
title: "Audrey Hepburn",
23-
author: "Sánchez Vegara, Amaia Arrazola",
24-
year: "2018",
25-
seriesNumber: "3",
26-
series: "Små mennesker, store drømme",
27-
},
28-
{
29-
coverUrl: "images/book_cover_2.jpg",
30-
heartFill: false,
31-
title: "De uadskillelige",
32-
author: "Simone de Beauvoir",
33-
year: "2020",
34-
},
35-
{
36-
coverUrl: "images/book_cover_3.jpg",
37-
heartFill: true,
38-
title: "Døgnkioskmennesket",
39-
author: "Sayaka Murata",
40-
year: "2019",
41-
},
42-
{
43-
coverUrl: "images/book_cover_4.jpg",
44-
heartFill: false,
45-
title: "Testamente",
46-
author: "Nina Wähä (f. 1979)",
47-
year: "2019",
48-
},
49-
{
50-
coverUrl: "images/book_cover_5.jpg",
51-
heartFill: false,
52-
title: "Sønnen (Norsk)",
53-
author: "Jo Nesbø",
54-
year: "2014",
55-
},
56-
{
57-
coverUrl: "images/book_cover_6.jpg",
58-
heartFill: false,
59-
title: "Den bæredygtige stat",
60-
author: "Rasmus Willig, Anders Blok",
61-
year: "2020",
62-
},
63-
{
64-
coverUrl: "images/book_cover_7.jpg",
65-
heartFill: false,
66-
title: "Den lille bog om dansk design - for børn og barnlige sjæle",
67-
author: "Marie Hugsted",
68-
year: "2018",
69-
},
70-
{
71-
coverUrl: "images/book_cover_8.jpg",
72-
heartFill: false,
73-
title: "Den lille prins (Ved Henrik Ægidius)",
74-
author: "Antoine de Saint-Exupéry",
75-
year: "2016",
76-
},
77-
{
78-
coverUrl: "images/book_cover_9.jpg",
79-
heartFill: false,
80-
title: "Yayoi Kusama",
81-
author: "",
82-
year: "2014",
83-
},
84-
{
85-
coverUrl: "images/book_cover_10.jpg",
86-
heartFill: false,
87-
title: "Kvinde kend din historie - spejl dig i fortiden",
88-
author: "Gry Jexen",
89-
year: "2021",
90-
},
91-
];
92-
93-
const facetLineItems = [
94-
{ title: "fantasy", facet: "genreAndForm", type: "term", score: 96 },
95-
{
96-
title: "Faglitteratur",
97-
facet: "fictionNonfiction",
98-
type: "term",
99-
score: 302,
100-
},
101-
{ title: "bog", facet: "materialType", type: "term", score: 28 },
102-
{ title: "Spil", facet: "workTypes", type: "term", score: 21 },
103-
{
104-
title: "emner",
105-
type: "facet",
106-
terms: [
107-
{ title: "Børnebøger", facet: "emner", type: "term", score: 96 },
108-
{ title: "magi", facet: "emner", type: "term", score: 302 },
109-
{ title: "troldmænd", facet: "emner", type: "term", score: 28 },
110-
],
111-
},
112-
{ title: "Musik", type: "term", score: 12 },
113-
] as (FacetLineItem<"term"> | FacetLineItem<"facet">)[];
114-
115-
const selectedTerms = [
116-
{ title: "magi", facet: "subjects", type: "term", score: 302 },
117-
{ title: "bog", facet: "materialType", type: "term", score: 28 },
118-
{ title: "Spil", facet: "workTypes", type: "term", score: 21 },
119-
] as FacetLineItem<"term">[];
120-
121-
const SearchResultList = SearchResult.map((item) => {
19+
const SearchResultList = data.searchResult.map((item) => {
12220
return <SearchResultItem {...item} />;
12321
});
12422

@@ -148,8 +46,8 @@ export const SearchResultPage = ({
14846
linkName={linkName}
14947
linkTotalResults={linkTotalResults}
15048
/>
151-
<FacetLine items={facetLineItems} />
152-
<FacetLineSelected items={selectedTerms} />
49+
<FacetLine items={data.facetLineItems} />
50+
<FacetLineSelected items={data.selectedTerms} />
15351
<div className="search-result-page__list my-32">
15452
{SearchResultList}
15553
</div>

‎src/stories/Library/search-result-page/SearchResultPageData.ts‎

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
import { FacetLineItem } from "./FacetLine";
2+
3+
const searchResult = [
4+
{
5+
coverUrl: "images/book_cover_1.jpg",
6+
heartFill: false,
7+
title: "Audrey Hepburn",
8+
author: "Sánchez Vegara, Amaia Arrazola",
9+
year: "2018",
10+
seriesNumber: "3",
11+
series: "Små mennesker, store drømme",
12+
},
13+
{
14+
coverUrl: "images/book_cover_2.jpg",
15+
heartFill: false,
16+
title: "De uadskillelige",
17+
author: "Simone de Beauvoir",
18+
year: "2020",
19+
},
20+
{
21+
coverUrl: "images/book_cover_3.jpg",
22+
heartFill: true,
23+
title: "Døgnkioskmennesket",
24+
author: "Sayaka Murata",
25+
year: "2019",
26+
},
27+
{
28+
coverUrl: "images/book_cover_4.jpg",
29+
heartFill: false,
30+
title: "Testamente",
31+
author: "Nina Wähä (f. 1979)",
32+
year: "2019",
33+
},
34+
{
35+
coverUrl: "images/book_cover_5.jpg",
36+
heartFill: false,
37+
title: "Sønnen (Norsk)",
38+
author: "Jo Nesbø",
39+
year: "2014",
40+
},
41+
{
42+
coverUrl: "images/book_cover_6.jpg",
43+
heartFill: false,
44+
title: "Den bæredygtige stat",
45+
author: "Rasmus Willig, Anders Blok",
46+
year: "2020",
47+
},
48+
{
49+
coverUrl: "images/book_cover_7.jpg",
50+
heartFill: false,
51+
title: "Den lille bog om dansk design - for børn og barnlige sjæle",
52+
author: "Marie Hugsted",
53+
year: "2018",
54+
},
55+
{
56+
coverUrl: "images/book_cover_8.jpg",
57+
heartFill: false,
58+
title: "Den lille prins (Ved Henrik Ægidius)",
59+
author: "Antoine de Saint-Exupéry",
60+
year: "2016",
61+
},
62+
{
63+
coverUrl: "images/book_cover_9.jpg",
64+
heartFill: false,
65+
title: "Yayoi Kusama",
66+
author: "",
67+
year: "2014",
68+
},
69+
{
70+
coverUrl: "images/book_cover_10.jpg",
71+
heartFill: false,
72+
title: "Kvinde kend din historie - spejl dig i fortiden",
73+
author: "Gry Jexen",
74+
year: "2021",
75+
},
76+
];
77+
78+
const facetLineItems = [
79+
{ title: "fantasy", facet: "genreAndForm", type: "term", score: 96 },
80+
{
81+
title: "Faglitteratur",
82+
facet: "fictionNonfiction",
83+
type: "term",
84+
score: 302,
85+
},
86+
{ title: "bog", facet: "materialType", type: "term", score: 28 },
87+
{ title: "Spil", facet: "workTypes", type: "term", score: 21 },
88+
{
89+
title: "emner",
90+
type: "facet",
91+
terms: [
92+
{ title: "Børnebøger", facet: "emner", type: "term", score: 96 },
93+
{ title: "magi", facet: "emner", type: "term", score: 302 },
94+
{ title: "troldmænd", facet: "emner", type: "term", score: 28 },
95+
],
96+
},
97+
{ title: "Musik", type: "term", score: 12 },
98+
] as (FacetLineItem<"term"> | FacetLineItem<"facet">)[];
99+
100+
const selectedTerms = [
101+
{ title: "magi", facet: "subjects", type: "term", score: 302 },
102+
{ title: "bog", facet: "materialType", type: "term", score: 28 },
103+
{ title: "Spil", facet: "workTypes", type: "term", score: 21 },
104+
] as FacetLineItem<"term">[];
105+
106+
export default { searchResult, facetLineItems, selectedTerms };

0 commit comments

Comments
 (0)