24 lines
630 B
JavaScript
24 lines
630 B
JavaScript
import React from 'react';
|
|
import { FormattedMessage } from '@edx/frontend-platform/i18n';
|
|
import { Button } from '@edx/paragon';
|
|
import messages from './messages';
|
|
|
|
import './index.scss';
|
|
|
|
export const EmptyCourse = () => (
|
|
<div className="empty-course">
|
|
<img src="empty-course.svg" alt="empty course banner" />
|
|
<h1>
|
|
<FormattedMessage {...messages.lookingForChallengePrompt} />
|
|
</h1>
|
|
<p>
|
|
<FormattedMessage {...messages.exploreCoursesPrompt} />
|
|
</p>
|
|
<Button variant="brand">
|
|
<FormattedMessage {...messages.exploreCoursesButton} />
|
|
</Button>
|
|
</div>
|
|
);
|
|
|
|
export default EmptyCourse;
|