{"version":3,"sources":["webpack:///./ClientApp/components/Pages/Resources/FamilyResources/ResourceCenter.tsx"],"names":["ResourceCenter","match","searchQuery","React","currentIndex","setCurrentIndex","currentTopic","setCurrentTopic","topics","setTopics","resources","setResources","offset","setOffset","totalCount","setTotalCount","cardsCount","setCardsCount","isLoaded","setIsLoaded","history","useHistory","setNavCollapse","window","scrollTo","document","querySelector","rest","get","then","res","list","current","location","pathname","split","slice","join","position","findIndex","el","ind","arr","url","params","topic","id","prev","count","mql","matchMedia","listenerFunc","matches","listenerForBrowser","length","name","property","content","description","undefined","className","map","resource","key","shortText","onClick"],"mappings":"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","file":"chunks/ResourceCenter.chunk.b896629aadea04a9eeff.js","sourcesContent":["import * as React from 'react';\r\nimport {Helmet} from 'react-helmet';\r\n\r\nimport {useHistory} from 'react-router-dom';\r\n\r\nimport {List} from '@common/typescript/objects/List';\r\n\r\nimport DiseaseCard from '@app/components/UI/DiseaseCard/DiseaseCard';\r\nimport {ResourceTopic} from '@app/objects/ResourceTopic';\r\nimport {Resource} from '@app/objects/Resource';\r\nimport {rest} from '@app/components/Api';\r\nimport listenerForBrowser from '@app/components/Pages/listenerForBrowser';\r\n\r\nconst ResourceCenter = ({match, searchQuery}) => {\r\n\tconst [currentIndex, setCurrentIndex] = React.useState(0);\r\n\tconst [currentTopic, setCurrentTopic] = React.useState<ResourceTopic>();\r\n\tconst [topics, setTopics] = React.useState<ResourceTopic[]>();\r\n\tconst [resources, setResources] = React.useState<Resource[]>();\r\n\tconst [offset, setOffset] = React.useState(0);\r\n\tconst [totalCount, setTotalCount] = React.useState<number>(0);\r\n\tconst initCardsCount = 24;\r\n\tconst [cardsCount, setCardsCount] = React.useState<number>(initCardsCount);\r\n\tconst [isLoaded, setIsLoaded] = React.useState<boolean>(false);\r\n\r\n\tconst history = useHistory();\r\n\r\n\tconst [navCollapse, setNavCollapse] = React.useState(false);\r\n\r\n\tReact.useEffect(() => {\r\n\t\twindow.scrollTo(0, 0);\r\n\t\tdocument.querySelector('#react-app')?.scrollTo(0, 0);\r\n\t}, []);\r\n\r\n\tReact.useEffect(() => {\r\n\t\trest.get<List<ResourceTopic>>('v1/resourceTopics')\r\n\t\t\t.then((res) => {\r\n\t\t\t\tsetTopics(res.list);\r\n\t\t\t\tconst current = history.location.pathname.split('/').slice(2).join();\r\n\t\t\t\tconst position = res.list.findIndex((el, ind, arr) => el.url === current);\r\n\t\t\t\tsetCurrentIndex(position);\r\n\t\t\t\tsetOffset(0);\r\n\t\t\t});\r\n\r\n\t\trest.get<ResourceTopic>(`v1/resourceTopics/${match.params.topic}`)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tsetCurrentTopic(res);\r\n\t\t\t});\r\n\t}, [match.params.topic]);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tif (currentTopic) {\r\n\t\t\trest.get<List<Resource>>(`v1/resourceTopics/${currentTopic?.id}/resources${searchQuery ? `?text=${searchQuery}` : '' }${offset ? `?offset=${offset}` : '' }`)\r\n\t\t\t\t.then((res) => {\r\n\t\t\t\t\toffset ?\r\n\t\t\t\t\t\tsetResources(prev => prev ? [...prev, ...res.list] : res.list) :\r\n\t\t\t\t\t\tsetResources(res.list);\r\n\t\t\t\t\tsetIsLoaded(true);\r\n\t\t\t\t\tsetTotalCount(res.count);\r\n\t\t\t\t});\r\n\t\t}\r\n\t}, [currentTopic, offset, searchQuery]);\r\n\r\n\tReact.useEffect(() => {\r\n\r\n\t\tconst mql = window.matchMedia('screen and (max-width: 768px)');\r\n\r\n\t\tconst listenerFunc = () => {\r\n\t\t\tif (mql.matches) {\r\n\t\t\t\tsetNavCollapse(true);\r\n\t\t\t} else {\r\n\t\t\t\tsetNavCollapse(false);\r\n\t\t\t}\r\n\r\n\t\t};\r\n\t\tlistenerFunc();\r\n\t\tlistenerForBrowser(mql, listenerFunc);\r\n\r\n\t\tif (topics && topics.length > currentIndex) {\r\n\t\t\tsetCurrentTopic(topics[currentIndex]);\r\n\t\t}\r\n\t}, [currentIndex]);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{currentTopic && currentTopic.name && <Helmet>\r\n\t\t\t\t<title>{currentTopic.name} | Lap of Love</title>\r\n\t\t\t\t<meta name=\"description\" property=\"og:description\" content={currentTopic.description || undefined} />\r\n\t\t\t</Helmet>}\r\n\t\t\t<div className=\"blog-page__content\">\r\n\t\t\t\t<div className=\"quality\">\r\n\t\t\t\t\t<div className=\"quality__content\">\r\n\t\t\t\t\t\t<header className=\"quality__content-header\">\r\n\t\t\t\t\t\t\t<div className=\"quality__content-header__title\">\r\n\t\t\t\t\t\t\t\tResources in: <h1>{currentTopic?.name}</h1>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"quality__content-header-result-count\">\r\n\t\t\t\t\t\t\t\tViewing <span>{totalCount}</span> resources\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</header>\r\n\t\t\t\t\t\t<div className=\"quality__body\">\r\n\t\t\t\t\t\t\t{!isLoaded ? <div className=\"faq-block__dummy\">Woof! Looks like we're still loading a few things.</div> :\r\n\t\t\t\t\t\t\t\tresources?.length ?\r\n\t\t\t\t\t\t\t\tresources?.map(resource =>\r\n\t\t\t\t\t\t\t\t\t<DiseaseCard\r\n\t\t\t\t\t\t\t\t\t\tkey={resource.id}\r\n\t\t\t\t\t\t\t\t\t\tname={resource.name}\r\n\t\t\t\t\t\t\t\t\t\tshortText={resource.shortText}\r\n\t\t\t\t\t\t\t\t\t\turl={`/resource-center/${currentTopic?.url}/${resource.url}`}\r\n\t\t\t\t\t\t\t\t\t\ttopic={currentTopic?.name}/>\r\n\t\t\t\t\t\t\t\t) : <div className=\"faq-block__dummy\">Woof! We were not able to find a match. Please try another search.</div>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tcardsCount < totalCount &&\r\n\t\t\t\t\t\t\t<button className=\"btn btn-md btn-secondary\" onClick={() => {\r\n\t\t\t\t\t\t\t\tsetOffset(offset + 24);\r\n\t\t\t\t\t\t\t\tsetCardsCount(cardsCount + 24);\r\n\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\tLoad more\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default ResourceCenter;"],"sourceRoot":""}