diff --git a/src/components/academies/SearchAcademyCard.jsx b/src/components/academies/SearchAcademyCard.jsx
index d46f86f20..78060ff5b 100644
--- a/src/components/academies/SearchAcademyCard.jsx
+++ b/src/components/academies/SearchAcademyCard.jsx
@@ -5,6 +5,8 @@ import {
import PropTypes from 'prop-types';
import { AppContext } from '@edx/frontend-platform/react';
+import './styles/Academy.scss';
+
const SearchAcademyCard = ({
uuid, title, shortDescription, image, isLoading,
}) => {
@@ -15,14 +17,17 @@ const SearchAcademyCard = ({
isClickable
as={Hyperlink}
isLoading={isLoading}
- destination={`/${enterpriseConfig.slug}/academy/${uuid}`}
+ destination={`/${enterpriseConfig.slug}/academies/${uuid}/`}
+ className="academy-card"
>
{shortDescription}
+
+
-
+
);
diff --git a/src/components/academies/index.js b/src/components/academies/index.js
index bdeeeaf26..0872ab6a1 100644
--- a/src/components/academies/index.js
+++ b/src/components/academies/index.js
@@ -1 +1,2 @@
export { default as AcademyPage } from './AcademyPage';
+export { default as AcademyDetailPage } from './AcademyDetailPage';
diff --git a/src/components/academies/styles/Academy.scss b/src/components/academies/styles/Academy.scss
new file mode 100644
index 000000000..a01eae4ae
--- /dev/null
+++ b/src/components/academies/styles/Academy.scss
@@ -0,0 +1,9 @@
+.academy-card {
+
+ .academy-card-image {
+ max-width: 50%;
+ position: absolute;
+ bottom: 1em;
+ right: 1em;
+ }
+}
diff --git a/src/components/app/EnterpriseAppPageRoutes.jsx b/src/components/app/EnterpriseAppPageRoutes.jsx
index 8a9601506..44c9d80d5 100644
--- a/src/components/app/EnterpriseAppPageRoutes.jsx
+++ b/src/components/app/EnterpriseAppPageRoutes.jsx
@@ -11,6 +11,7 @@ import AuthenticatedUserSubsidyPage from './AuthenticatedUserSubsidyPage';
import { features } from '../../config';
import { LicenseActivationPage } from '../license-activation';
import { PathwayProgressPage } from '../pathway-progress';
+import { AcademyDetailPage } from '../academies';
// TODO: Techdebt, Create Context wrapper around this component for enterpriseCurations
// to reduce API calls by 2 (DashboardPage, CoursePage, SearchPage) or by 3 ( + AuthenticatedPage) if created in App.jsx
@@ -37,6 +38,10 @@ const EnterpriseAppPageRoutes = () => (
{features.FEATURE_ENABLE_PATHWAY_PROGRESS && (
)}
+
+ {features.ENABLE_ACADEMIES && (
+
+ )}
);