{"version":3,"file":"chunks/Books.chunk.07ae0e232acb8bef6c46.js","mappings":"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","sources":["webpack://MaryGardner/./ClientApp/components/Pages/Books/Books.tsx","webpack://MaryGardner/./ClientApp/imgs/BackgroundSVG.tsx"],"sourcesContent":["import React from 'react';\r\nimport { NavLink, useHistory, useLocation } from 'react-router-dom';\r\n\r\nimport ServerPageProvider from '@common/react/components/Core/ServerPageProvider/ServerPageProvider';\r\nimport ImageLazy from '@common/react/components/UI/ImageLazy/ImageLazy';\r\n\r\nimport LastTab from '@app/components/Pages/Books/LastTab';\r\nimport Background from '@app/components/UI/Background/Background';\r\nimport Card from '@app/components/UI/Card/Card';\r\nimport Footprint from '@app/components/UI/Footprint/Footprint';\r\nimport { HelmetTags } from '@app/components/UI/Helmet/HelmetCustom';\r\nimport Tabs from '@app/components/UI/Tabs/Tabs';\r\nimport BackgroundSVG from '@app/imgs/BackgroundSVG';\r\nimport Star from '@app/imgs/Star';\r\nimport { Book, BookCategory, BookReleases } from '@app/objects/BookCategory';\r\n\r\nimport '@app/scss/pages/Books.scss';\r\n\r\nconst drawStarsYellow = (arr, num) => {\r\n\tlet i = 0;\r\n\r\n\twhile (i < num) {\r\n\t\ti++;\r\n\t\tarr.push(<Star color=\"#FFDD60\" />);\r\n\t}\r\n};\r\n\r\nconst drawStarsGray = (arr, num) => {\r\n\tlet i = 0;\r\n\r\n\twhile (i < num) {\r\n\t\ti++;\r\n\t\tarr.push(<Star color=\"#8E93A0\" />);\r\n\t}\r\n};\r\n\r\nconst drawStars = (yellow, gray) => {\r\n\tconst stars: Array<React.ReactNode> = [];\r\n\r\n\tdrawStarsYellow(stars, yellow);\r\n\tdrawStarsGray(stars, gray);\r\n\r\n\treturn stars.map((star, index) => <React.Fragment key={index}>{star}</React.Fragment>);\r\n};\r\n\r\nexport const checkRating = (rating: number) => {\r\n\tconst maxStars = 5;\r\n\tconst num = Math.round(rating);\r\n\r\n\treturn drawStars(num, maxStars - num);\r\n};\r\n\r\ninterface BookCardsProps {\r\n\tbooks: Array<Book>;\r\n\tlocation?: any;\r\n}\r\n\r\nconst BookCards: React.FC<BookCardsProps> = ({ books, location }) => {\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{books.length ? (\r\n\t\t\t\tbooks.map((book) => (\r\n\t\t\t\t\t<Card\r\n\t\t\t\t\t\tkey={book.id}\r\n\t\t\t\t\t\tid={book.urlPath}\r\n\t\t\t\t\t\tclassName=\"card_image-shadow card-border scroll-top\"\r\n\t\t\t\t\t\timage={\r\n\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t<BackgroundSVG />\r\n\t\t\t\t\t\t\t\t<ImageLazy className=\"image-dog\" alt={`Photo book - ${book.name}`} src={book.avatar} />\r\n\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\ttext={\r\n\t\t\t\t\t\t\t<div className=\"book-desc\">\r\n\t\t\t\t\t\t\t\t<h2>{book.name}</h2>\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t{book.releases.map((elem: BookReleases, index) => {\r\n\t\t\t\t\t\t\t\t\t\tif (elem.dateTime) {\r\n\t\t\t\t\t\t\t\t\t\t\tconst date = new Date(elem.dateTime);\r\n\t\t\t\t\t\t\t\t\t\t\tconst formattedDate = date.toLocaleDateString('en-US', {\r\n\t\t\t\t\t\t\t\t\t\t\t\ttimeZone: 'UTC',\r\n\t\t\t\t\t\t\t\t\t\t\t\tmonth: 'long',\r\n\t\t\t\t\t\t\t\t\t\t\t\tyear: 'numeric',\r\n\t\t\t\t\t\t\t\t\t\t\t\tday: 'numeric',\r\n\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p key={index}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t${elem.name} - ${formattedDate}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\treturn <p key={index}>{elem.customDescription}</p>;\r\n\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"rating-block\">\r\n\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t<strong>{book.rating}</strong>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div className=\"block-stars\">{checkRating(book.rating)}</div>\r\n\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\r\n\t\t\t\t\t\t\t\t\t\t\t{book.ratingsCount}\r\n\t\t\t\t\t\t\t\t\t\t\t{' '}\r\n\t\t\t\t\t\t\t\t\t\t\tratings\r\n\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"description\" dangerouslySetInnerHTML={{ __html: book.shortDescription }} />\r\n\t\t\t\t\t\t\t\t<NavLink to={`${location.pathname}/${book.urlPath}`}>\r\n\t\t\t\t\t\t\t\t\t<button className=\"btn btn-primary\">\r\n\t\t\t\t\t\t\t\t\t\t<Footprint />\r\n\t\t\t\t\t\t\t\t\t\tAbout book\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</NavLink>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t/>\r\n\t\t\t\t))\r\n\t\t\t) : (\r\n\t\t\t\t<div className=\"h3 text-center unavailable\">Books in this section are temporarily unavailable.</div>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nconst Books: React.FC = () => {\r\n\tconst [defaultPath, setDefaultPath] = React.useState<string>();\r\n\tconst location = useLocation();\r\n\tconst history = useHistory();\r\n\r\n\tconst changePath = (key) => {\r\n\t\thistory.push(key);\r\n\t};\r\n\r\n\tReact.useEffect(() => {\r\n\t\tif (!location.pathname.includes('books/')) {\r\n\t\t\tsetDefaultPath('dogs');\r\n\t\t\thistory.push('books/dogs');\r\n\t\t} else {\r\n\t\t\tsetDefaultPath(location.pathname.slice(location.pathname.lastIndexOf('/') + 1));\r\n\t\t}\r\n\r\n\t\tconst hashName = location.hash;\r\n\t\tif (hashName) {\r\n\t\t\twindow.location.hash = '';\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\twindow.location.hash = hashName;\r\n\t\t\t}, 500);\r\n\t\t}\r\n\t}, [location.pathname]);\r\n\r\n\treturn (\r\n\t\t<ServerPageProvider\r\n\t\t\tpath=\"/books\"\r\n\t\t\tinner={(page) => {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div className=\"is-relative pages\">\r\n\t\t\t\t\t\t<HelmetTags lang={page.langs[0]} title=\"Books\" />\r\n\t\t\t\t\t\t<Background />\r\n\t\t\t\t\t\t<div className=\"books-page\">\r\n\t\t\t\t\t\t\t<div className=\"container\">\r\n\t\t\t\t\t\t\t\t<h1 className=\"h2 text-center\">Books</h1>\r\n\t\t\t\t\t\t\t\t<ServerPageProvider\r\n\t\t\t\t\t\t\t\t\tpath=\"books\"\r\n\t\t\t\t\t\t\t\t\tttl={600000}\r\n\t\t\t\t\t\t\t\t\tinner={(page) => {\r\n\t\t\t\t\t\t\t\t\t\tconst items = page.items.list.map((item: BookCategory) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\t\t\t\t\tkey: item.urlPath,\r\n\t\t\t\t\t\t\t\t\t\t\t\tlabel: item.name,\r\n\t\t\t\t\t\t\t\t\t\t\t\tchildren: <BookCards books={item.books} location={location} />,\r\n\t\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\t\titems.push({\r\n\t\t\t\t\t\t\t\t\t\t\tkey: 'recommended-books',\r\n\t\t\t\t\t\t\t\t\t\t\tlabel: 'Recommended books',\r\n\t\t\t\t\t\t\t\t\t\t\tchildren: <LastTab />,\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\t\treturn <Tabs items={items} defaultKey={defaultPath} onTabChange={changePath} />;\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nexport default Books;\r\n","import React from 'react';\r\n\r\nconst BackgroundSVG: React.FC = () => {\r\n\treturn (\r\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"452\" height=\"397\" viewBox=\"0 0 452 397\" fill=\"none\">\r\n\t\t\t<path\r\n\t\t\t\td=\"M442.418 68.7888C480.826 140.96 387.688 282.428 336.318 344.14C303.072 384.079 268.179 416.07 168.148 381.269C-48.9587\r\n\t\t\t\t305.736 -1.27606 145.607 22.6218 73.0445C46.5197 0.481748 106.617 -11.0724 177.881 10.5212C234.892 27.796 279.267 28.0787\r\n\t\t\t\t294.328 26.0607C327.688 10.232 404.01 -3.38273 442.418 68.7888Z\"\r\n\t\t\t\tfill=\"#FFDD60\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n};\r\n\r\nexport default BackgroundSVG;\r\n"],"names":["drawStars","yellow","gray","stars","arr","num","i","push","React","Star","color","drawStarsYellow","drawStarsGray","map","star","index","key","checkRating","rating","Math","round","BookCards","_ref","books","location","length","book","Card","id","urlPath","className","image","BackgroundSVG","ImageLazy","alt","concat","name","src","avatar","text","releases","elem","dateTime","formattedDate","Date","toLocaleDateString","timeZone","month","year","day","customDescription","href","ratingsCount","dangerouslySetInnerHTML","__html","shortDescription","NavLink","to","pathname","Footprint","_React$useState2","_slicedToArray","defaultPath","setDefaultPath","useLocation","history","useHistory","changePath","includes","slice","lastIndexOf","hashName","hash","window","setTimeout","ServerPageProvider","path","inner","page","HelmetTags","lang","langs","title","Background","ttl","items","list","item","label","children","LastTab","Tabs","defaultKey","onTabChange","xmlns","width","height","viewBox","fill","d"],"sourceRoot":""}