<commit_before>import React from 'react'
import injectSheet from 'react-jss'
import _ from 'lodash'
import cx from 'classnames'

import { Phone, BigPhone, Tablet, Desktop } from '../../components/breakpoints'
import ResourceCard from './resource-card'

const ValidResults = ({ classes, pregnancyResourceCenters }) => {
	const phoneStyle = cx(classes.validResultsRoot, classes.paddingPhone)
	const desktopStyle = cx(classes.validResultsRoot, classes.paddingDesktop)

	return (
		<div>
			<Phone>
				<div className={phoneStyle}>
					{_.map(pregnancyResourceCenters, prc => {
						return <ResourceCard key={prc._id} resource={prc} />
					})}
				</div>
			</Phone>

			<BigPhone>
				<div className={phoneStyle}>
					{_.map(pregnancyResourceCenters, prc => {
						return <ResourceCard key={prc._id} resource={prc} />
					})}
				</div>
			</BigPhone>

			<Tablet>
				<div className={desktopStyle}>
					{_.map(pregnancyResourceCenters, prc => {
						return <ResourceCard key={prc._id} resource={prc} />
					})}
				</div>
			</Tablet>

			<Desktop>
				<div className={desktopStyle}>
					{_.map(pregnancyResourceCenters, prc => {
						return <ResourceCard key={prc._id} resource={prc} />
					})}
				</div>
			</Desktop>
		</div>
	)
}

const styles = {
	validResultsRoot: {
		display: 'flex',
		'flex-direction': 'column',
		'align-items': 'center',
	},
	paddingPhone: {
		padding: '20px',
	},
	paddingDesktop: {
		padding: '50px',
	},
}

export default injectSheet(styles)(ValidResults)
<commit_msg>Scroll to top on results page<commit_after>import React from 'react'
import injectSheet from 'react-jss'
import _ from 'lodash'
import cx from 'classnames'

import { Phone, BigPhone, Tablet, Desktop } from '../../components/breakpoints'
import ResourceCard from './resource-card'
import { ScrollToTop } from '../../components/scroll-to-top'

const ValidResults = ({ classes, pregnancyResourceCenters }) => {
	const phoneStyle = cx(classes.validResultsRoot, classes.paddingPhone)
	const desktopStyle = cx(classes.validResultsRoot, classes.paddingDesktop)

	return (
		<div>
			<ScrollToTop />

			<div>
				<Phone>
					<div className={phoneStyle}>
						{_.map(pregnancyResourceCenters, prc => {
							return <ResourceCard key={prc._id} resource={prc} />
						})}
					</div>
				</Phone>

				<BigPhone>
					<div className={phoneStyle}>
						{_.map(pregnancyResourceCenters, prc => {
							return <ResourceCard key={prc._id} resource={prc} />
						})}
					</div>
				</BigPhone>

				<Tablet>
					<div className={desktopStyle}>
						{_.map(pregnancyResourceCenters, prc => {
							return <ResourceCard key={prc._id} resource={prc} />
						})}
					</div>
				</Tablet>

				<Desktop>
					<div className={desktopStyle}>
						{_.map(pregnancyResourceCenters, prc => {
							return <ResourceCard key={prc._id} resource={prc} />
						})}
					</div>
				</Desktop>
			</div>
		</div>
	)
}

const styles = {
	validResultsRoot: {
		display: 'flex',
		'flex-direction': 'column',
		'align-items': 'center',
	},
	paddingPhone: {
		padding: '20px',
	},
	paddingDesktop: {
		padding: '50px',
	},
}

export default injectSheet(styles)(ValidResults)

{'fraction_non_alphanumeric': 0.15644753476611883, 'fraction_numerical': 0.0025284450063211127, 'mean_word_length': 3.3535075653370012, 'pattern_counts': {'":': 0, '<': 50, '<?xml version=': 0, '>': 60, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3823853', 'n_tokens_mistral': 1296, 'n_tokens_neox': 1020, 'n_words': 218}