+);
CatalogCourseModalBanner.defaultProps = {
coursePrice: '0',
diff --git a/src/components/catalogModalBanner/CatalogProgramModalBanner.jsx b/src/components/catalogModalBanner/CatalogProgramModalBanner.jsx
index 02feab24..d736abbb 100644
--- a/src/components/catalogModalBanner/CatalogProgramModalBanner.jsx
+++ b/src/components/catalogModalBanner/CatalogProgramModalBanner.jsx
@@ -7,62 +7,60 @@ import { Assignment, BookOpen, MoneyOutline } from '@edx/paragon/icons';
import messages from './CatalogCourseModalBanner.messages';
import { checkSubscriptions } from '../../utils/catalogUtils';
-function CatalogProgramModalBanner({
+const CatalogProgramModalBanner = ({
intl,
coursePrice,
courseAssociatedCatalogs,
courses,
-}) {
- return (
-
- {coursePrice !== undefined && (
- <>
-
-
-
-
- {intl.formatMessage(
- messages['CatalogCourseModalBanner.bannerPriceTextProgram'],
- )}
-
-
-
/
-
- )}
- {courses && courses.length > 0 && (
- <>
-
-
-
-
- {intl.formatMessage(
- messages['CatalogCourseModalBanner.bannerCourseText'],
- )}
-
-
-
/
-
- )}
- {checkSubscriptions(courseAssociatedCatalogs) && (
-
-
-
-
- {checkSubscriptions(courseAssociatedCatalogs)}
-
+}) => (
+
+ {coursePrice !== undefined && (
+ <>
+
+
+
- )}
+
+ {intl.formatMessage(
+ messages['CatalogCourseModalBanner.bannerPriceTextProgram'],
+ )}
+
+
+
/
+
+ )}
+ {courses && courses.length > 0 && (
+ <>
+
+
+
+
+ {intl.formatMessage(
+ messages['CatalogCourseModalBanner.bannerCourseText'],
+ )}
+
+
+
/
+
+ )}
+ {checkSubscriptions(courseAssociatedCatalogs) && (
+
+
+
+
+ {checkSubscriptions(courseAssociatedCatalogs)}
+
- );
-}
+ )}
+
+);
CatalogProgramModalBanner.defaultProps = {
coursePrice: '$0',
diff --git a/src/components/catalogNoResultsDeck/CatalogNoResultsDeck.jsx b/src/components/catalogNoResultsDeck/CatalogNoResultsDeck.jsx
index 50883fb9..02bd9181 100644
--- a/src/components/catalogNoResultsDeck/CatalogNoResultsDeck.jsx
+++ b/src/components/catalogNoResultsDeck/CatalogNoResultsDeck.jsx
@@ -19,13 +19,13 @@ import { getSelectedCatalogFromURL } from '../../utils/common';
const BASE_APP_URL = process.env.BASE_URL;
-function CatalogNoResultsDeck({
+const CatalogNoResultsDeck = ({
intl,
setCardView,
columns,
renderCardComponent,
contentType,
-}) {
+}) => {
const [defaultData, setDefaultData] = useState([]);
const [apiError, setApiError] = useState(false);
@@ -128,7 +128,7 @@ function CatalogNoResultsDeck({
);
-}
+};
CatalogNoResultsDeck.defaultProps = {
setCardView: () => {},
diff --git a/src/components/catalogPage/CatalogPage.jsx b/src/components/catalogPage/CatalogPage.jsx
index 6bf63f9b..d432a7cd 100644
--- a/src/components/catalogPage/CatalogPage.jsx
+++ b/src/components/catalogPage/CatalogPage.jsx
@@ -35,7 +35,7 @@ if (
SEARCH_FACET_FILTERS.push(learningType);
}
-function CatalogPage({ intl }) {
+const CatalogPage = ({ intl }) => {
const config = getConfig();
// Default routing:
// 1. If our url on load does not have a catalog parameter set, set one.
@@ -143,7 +143,7 @@ function CatalogPage({ intl }) {
);
-}
+};
CatalogPage.propTypes = {
intl: intlShape.isRequired,
diff --git a/src/components/catalogSearchResults/CatalogSearchResults.jsx b/src/components/catalogSearchResults/CatalogSearchResults.jsx
index 80a6f2e6..084bff94 100644
--- a/src/components/catalogSearchResults/CatalogSearchResults.jsx
+++ b/src/components/catalogSearchResults/CatalogSearchResults.jsx
@@ -71,7 +71,7 @@ export const SKELETON_DATA_TESTID = 'enterprise-catalog-skeleton';
* @param {object} args.preview Whether we are on the split screen landing page or regular
*/
-export function BaseCatalogSearchResults({
+export const BaseCatalogSearchResults = ({
intl,
searchResults,
// algolia recommends this prop instead of searching
@@ -82,7 +82,7 @@ export function BaseCatalogSearchResults({
contentType,
setNoContent,
preview,
-}) {
+}) => {
const [isProgramType, setIsProgramType] = useState();
const [isCourseType, setIsCourseType] = useState();
const [isExecEdType, setIsExecEdType] = useState();
@@ -402,9 +402,7 @@ export function BaseCatalogSearchResults({
);
}
- function CustomRowStatus() {
- return null;
- }
+ const CustomRowStatus = () => null;
return (
<>
@@ -502,7 +500,7 @@ export function BaseCatalogSearchResults({
);
-}
+};
BaseCatalogSearchResults.defaultProps = {
searchResults: { disjunctiveFacetsRefinements: [], nbHits: 0, hits: [] },
diff --git a/src/components/catalogSearchResults/CatalogSearchResults.test.jsx b/src/components/catalogSearchResults/CatalogSearchResults.test.jsx
index 1f2c7ddb..ca1121bf 100644
--- a/src/components/catalogSearchResults/CatalogSearchResults.test.jsx
+++ b/src/components/catalogSearchResults/CatalogSearchResults.test.jsx
@@ -22,9 +22,7 @@ import EnterpriseCatalogApiService from '../../data/services/EnterpriseCatalogAP
// Mocking this connected component so as not to have to mock the algolia Api
const PAGINATE_ME = 'PAGINATE ME :)';
-function PaginationComponent() {
- return
{PAGINATE_ME}
;
-}
+const PaginationComponent = () =>
{PAGINATE_ME}
;
const csvData = [{ csv_data: 'foobar' }];
jest
@@ -33,18 +31,16 @@ jest
const DEFAULT_SEARCH_CONTEXT_VALUE = { refinements: {} };
-function SearchDataWrapper({
+const SearchDataWrapper = ({
// eslint-disable-next-line react/prop-types
children,
// eslint-disable-next-line react/prop-types
searchContextValue = DEFAULT_SEARCH_CONTEXT_VALUE,
-}) {
- return (
-
- {children}
-
- );
-}
+}) => (
+
+ {children}
+
+);
const mockConfig = () => ({
EDX_FOR_BUSINESS_TITLE: 'ayylmao',
diff --git a/src/components/catalogSearchResults/associatedComponents/catalogBadges/CatalogBadges.jsx b/src/components/catalogSearchResults/associatedComponents/catalogBadges/CatalogBadges.jsx
index 7282407c..8df2d90b 100644
--- a/src/components/catalogSearchResults/associatedComponents/catalogBadges/CatalogBadges.jsx
+++ b/src/components/catalogSearchResults/associatedComponents/catalogBadges/CatalogBadges.jsx
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
import React from 'react';
import messages from '../../CatalogSearchResults.messages';
-function CatalogBadges({ row }) {
+const CatalogBadges = ({ row }) => {
const intl = useIntl();
return (
@@ -32,7 +32,7 @@ function CatalogBadges({ row }) {
)}
);
-}
+};
CatalogBadges.propTypes = {
row: PropTypes.shape({
diff --git a/src/components/catalogSearchResults/associatedComponents/downloadCsvButton/DownloadCsvButton.jsx b/src/components/catalogSearchResults/associatedComponents/downloadCsvButton/DownloadCsvButton.jsx
index 0759720e..7d86c4ea 100644
--- a/src/components/catalogSearchResults/associatedComponents/downloadCsvButton/DownloadCsvButton.jsx
+++ b/src/components/catalogSearchResults/associatedComponents/downloadCsvButton/DownloadCsvButton.jsx
@@ -6,7 +6,7 @@ import { Download } from '@edx/paragon/icons';
import EnterpriseCatalogApiService from '../../../../data/services/EnterpriseCatalogAPIService';
-function DownloadCsvButton({ facets, query }) {
+const DownloadCsvButton = ({ facets, query }) => {
const [isOpen, open, close] = useToggle(false);
const [filters, setFilters] = useState();
@@ -46,7 +46,7 @@ function DownloadCsvButton({ facets, query }) {
);
-}
+};
DownloadCsvButton.defaultProps = {
facets: { nbHits: 0, hits: [] },
diff --git a/src/components/catalogSearchResults/associatedComponents/titleButton/TitleButton.jsx b/src/components/catalogSearchResults/associatedComponents/titleButton/TitleButton.jsx
index 9ff44dee..a6790f9b 100644
--- a/src/components/catalogSearchResults/associatedComponents/titleButton/TitleButton.jsx
+++ b/src/components/catalogSearchResults/associatedComponents/titleButton/TitleButton.jsx
@@ -2,13 +2,11 @@ import { Button } from '@edx/paragon';
import PropTypes from 'prop-types';
import React from 'react';
-function TitleButton({ row, onClick }) {
- return (
-
onClick(row)}>
- {row.values.title}
-
- );
-}
+const TitleButton = ({ row, onClick }) => (
+
onClick(row)}>
+ {row.values.title}
+
+);
TitleButton.propTypes = {
row: PropTypes.shape({
diff --git a/src/components/catalogSelectionDeck/CatalogSelectionDeck.jsx b/src/components/catalogSelectionDeck/CatalogSelectionDeck.jsx
index 335ca2c7..120c1369 100644
--- a/src/components/catalogSelectionDeck/CatalogSelectionDeck.jsx
+++ b/src/components/catalogSelectionDeck/CatalogSelectionDeck.jsx
@@ -15,7 +15,7 @@ import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
import messages from './CatalogSelectionDeck.messages';
import { QUERY_TITLE_REFINEMENT } from '../../constants';
-function CatalogSelectionDeck({ intl, title, hide }) {
+const CatalogSelectionDeck = ({ intl, title, hide }) => {
const { refinements, dispatch } = useContext(SearchContext);
const config = getConfig();
const [value, setValue] = useState('');
@@ -82,7 +82,7 @@ function CatalogSelectionDeck({ intl, title, hide }) {
);
-}
+};
CatalogSelectionDeck.defaultProps = {
hide: false,
diff --git a/src/components/catalogSelectionDeck/CatalogSelectionDeck.test.jsx b/src/components/catalogSelectionDeck/CatalogSelectionDeck.test.jsx
index 3c6210bc..08c1a929 100644
--- a/src/components/catalogSelectionDeck/CatalogSelectionDeck.test.jsx
+++ b/src/components/catalogSelectionDeck/CatalogSelectionDeck.test.jsx
@@ -27,21 +27,19 @@ jest.mock('@edx/frontend-platform/config', () => ({
}));
// eslint-disable-next-line react/prop-types
-function SearchDataWrapper({ children, searchContextValue }) {
- return (
-
-
- {children}
-
-
- );
-}
+const SearchDataWrapper = ({ children, searchContextValue }) => (
+
+
+ {children}
+
+
+);
describe('CatalogSelectionDeck', () => {
it('renders all cards', () => {
diff --git a/src/components/catalogs/CatalogSearch.jsx b/src/components/catalogs/CatalogSearch.jsx
index 60d39f12..6429724d 100644
--- a/src/components/catalogs/CatalogSearch.jsx
+++ b/src/components/catalogs/CatalogSearch.jsx
@@ -36,7 +36,7 @@ import {
import { convertLearningTypesToFilters } from '../../utils/catalogUtils';
import messages from '../catalogSearchResults/CatalogSearchResults.messages';
-function CatalogSearch(intl) {
+const CatalogSearch = (intl) => {
const {
refinements: {
[LEARNING_TYPE_REFINEMENT]: learningType,
@@ -261,7 +261,7 @@ function CatalogSearch(intl) {
);
-}
+};
CatalogSearch.propTypes = {
// eslint-disable-next-line react/no-unused-prop-types
diff --git a/src/components/catalogs/CatalogSearch.test.jsx b/src/components/catalogs/CatalogSearch.test.jsx
index 69b9e4a4..c25e3b9c 100644
--- a/src/components/catalogs/CatalogSearch.test.jsx
+++ b/src/components/catalogs/CatalogSearch.test.jsx
@@ -28,19 +28,17 @@ const EXEC_ED_COURSE_SEARCH_CONTEXT_VALUE = {
};
// eslint-disable-next-line react/prop-types
-function SearchDataWrapper({ children, searchContextValue }) {
- return (
-
- {children}
-
- );
-}
+const SearchDataWrapper = ({ children, searchContextValue }) => (
+
+ {children}
+
+);
describe('Catalog Search component', () => {
it('properly renders component', () => {
diff --git a/src/components/courseCard/CourseCard.jsx b/src/components/courseCard/CourseCard.jsx
index 33eda7a7..06cf9e8c 100644
--- a/src/components/courseCard/CourseCard.jsx
+++ b/src/components/courseCard/CourseCard.jsx
@@ -9,9 +9,9 @@ import messages from './CourseCard.messages';
import { CONTENT_TYPE_COURSE } from '../../constants';
import defaultCardHeader from '../../static/default-card-header-light.png';
-function CourseCard({
+const CourseCard = ({
intl, onClick, original, learningType,
-}) {
+}) => {
const {
title,
card_image_url,
@@ -88,7 +88,7 @@ function CourseCard({
);
-}
+};
CourseCard.defaultProps = {
onClick: () => {},
diff --git a/src/components/helperComponents/Highlighted.jsx b/src/components/helperComponents/Highlighted.jsx
index 2df6ad08..0678769b 100644
--- a/src/components/helperComponents/Highlighted.jsx
+++ b/src/components/helperComponents/Highlighted.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import escapeRegExp from 'lodash.escaperegexp';
import classNames from 'classnames';
-function Highlighted({ text, highlight, highlightClass }) {
+const Highlighted = ({ text, highlight, highlightClass }) => {
if (!highlight.trim()) {
return
{text} ;
}
@@ -27,7 +27,7 @@ function Highlighted({ text, highlight, highlightClass }) {
)))}
);
-}
+};
Highlighted.defaultProps = {
text: '',
diff --git a/src/components/hero/Hero.jsx b/src/components/hero/Hero.jsx
index 0fee3d60..48e6f9f6 100644
--- a/src/components/hero/Hero.jsx
+++ b/src/components/hero/Hero.jsx
@@ -13,40 +13,36 @@ import messages from './Hero.messages';
const IMAGE_CLASS = 'hero__image';
-function SmallImage({ alt }) {
- return (
-
- );
-}
+const SmallImage = ({ alt }) => (
+
+);
SmallImage.propTypes = {
alt: PropTypes.string.isRequired,
};
-function LargeImage({ alt }) {
- return (
-
- );
-}
+const LargeImage = ({ alt }) => (
+
+);
LargeImage.propTypes = {
alt: PropTypes.string.isRequired,
};
-function Desktop({ children }) {
+const Desktop = ({ children }) => {
const isDesktop = useMediaQuery({ minWidth: breakpoints.large.minWidth });
return isDesktop ? children : null;
-}
+};
Desktop.propTypes = {
children: PropTypes.shape({
props: PropTypes.shape({
@@ -54,13 +50,13 @@ Desktop.propTypes = {
}),
}).isRequired,
};
-function Tablet({ children }) {
+const Tablet = ({ children }) => {
const isTablet = useMediaQuery({
minWidth: breakpoints.medium.minWidth,
maxWidth: breakpoints.medium.maxWidth,
});
return isTablet ? children : null;
-}
+};
Tablet.propTypes = {
children: PropTypes.shape({
props: PropTypes.shape({
@@ -69,7 +65,7 @@ Tablet.propTypes = {
}).isRequired,
};
-function Hero({ intl, text, highlight }) {
+const Hero = ({ intl, text, highlight }) => {
const alt = intl.formatMessage(messages['hero.image.alt']);
return (
@@ -89,7 +85,7 @@ function Hero({ intl, text, highlight }) {
);
-}
+};
Hero.defaultProps = {
highlight: '',
diff --git a/src/components/programCard/ProgramCard.jsx b/src/components/programCard/ProgramCard.jsx
index 31c6470e..9408fd78 100644
--- a/src/components/programCard/ProgramCard.jsx
+++ b/src/components/programCard/ProgramCard.jsx
@@ -12,7 +12,7 @@ import messages from './ProgramCard.messages';
import { getCourses } from '../../utils/common';
import defaultCardHeader from '../../static/default-card-header-dark.png';
-function ProgramCard({ intl, onClick, original }) {
+const ProgramCard = ({ intl, onClick, original }) => {
const {
title,
card_image_url,
@@ -87,7 +87,7 @@ function ProgramCard({ intl, onClick, original }) {
);
-}
+};
ProgramCard.defaultProps = {
onClick: () => {},
diff --git a/src/components/subheader/subheader.jsx b/src/components/subheader/subheader.jsx
index 38148318..28e34144 100644
--- a/src/components/subheader/subheader.jsx
+++ b/src/components/subheader/subheader.jsx
@@ -2,18 +2,16 @@ import { Container } from '@edx/paragon';
import React from 'react';
import PropTypes from 'prop-types';
-function Subheader({ title, children }) {
- return (
-
-
-
- {title &&
{title} }
-
{children}
-
-
- );
-}
+const Subheader = ({ title, children }) => (
+
+
+
+ {title &&
{title} }
+
{children}
+
+
+);
Subheader.defaultProps = {
title: null,