refactor: change plugin files to tsx,remove propTypes

Author: jansenk

src/plugin-slots/CourseExitPluginSlots/CourseExitViewCoursesPluginSlot/index.jsx renamed to src/plugin-slots/CourseExitPluginSlots/CourseExitViewCoursesPluginSlot/index.tsx

@@ -5,7 +5,11 @@ import { PluginSlot } from '@openedx/frontend-plugin-framework';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import messages from '../../../courseware/course/course-exit/messages';
 
-const ViewCoursesLink = ({ content }) => {
+interface Props {
+  content: { href: string }
+}
+
+const ViewCoursesLink: React.FC<Props> = ({ content }) => {
   const intl = useIntl();
   return (
     <div className="row w-100 mt-2 mb-4 justify-content-end">
@@ -19,13 +23,7 @@ const ViewCoursesLink = ({ content }) => {
   );
 };
 
-ViewCoursesLink.propTypes = {
-  content: PropTypes.shape({
-    href: PropTypes.string.isRequired,
-  }).isRequired,
-};
-
-const CourseExitViewCoursesPluginSlot = () => {
+const CourseExitViewCoursesPluginSlot: React.FC = () => {
   const href = `${getConfig().LMS_BASE_URL}/dashboard`;
   return (
     <PluginSlot id="org.openedx.frontend.learning.course_exit_view_courses.v1">
@@ -34,6 +32,4 @@ const CourseExitViewCoursesPluginSlot = () => {
   );
 };
 
-CourseExitViewCoursesPluginSlot.propTypes = {};
-
 export default CourseExitViewCoursesPluginSlot;

src/plugin-slots/CourseExitPluginSlots/CourseRecommendationsSlot/index.jsx renamed to src/plugin-slots/CourseExitPluginSlots/CourseRecommendationsSlot/index.tsx

@@ -2,7 +2,11 @@ import PropTypes from 'prop-types';
 import { PluginSlot } from '@openedx/frontend-plugin-framework';
 import CourseRecommendations from '../../../courseware/course/course-exit/CourseRecommendations';
 
-const CourseRecommendationsSlot = ({ variant }) => (
+interface Props {
+  variant: string
+}
+
+export const CourseRecommendationsSlot: React.FC<Props> = ({ variant }) => (
   <PluginSlot
     id="org.openedx.frontend.learning.course_recommendations.v1"
     idAliases={['course_recommendations_slot']}
@@ -11,8 +15,3 @@ const CourseRecommendationsSlot = ({ variant }) => (
   </PluginSlot>
 );
 
-CourseRecommendationsSlot.propTypes = {
-  variant: PropTypes.string.isRequired,
-};
-
-export default CourseRecommendationsSlot;

src/plugin-slots/CourseExitPluginSlots/DashboardFootnoteLinkPluginSlot/index.jsx renamed to src/plugin-slots/CourseExitPluginSlots/DashboardFootnoteLinkPluginSlot/index.tsx

@@ -9,7 +9,12 @@ import messages from '../../../courseware/course/course-exit/messages';
 import { logClick } from '../../../courseware/course/course-exit/utils';
 import { useModel } from '../../../generic/model-store';
 
-const DashboardFootnoteLink = ({ variant, content }) => {
+interface LinkProps {
+  variant: string,
+  content: { destination: string }
+}
+
+const DashboardFootnoteLink: React.FC<LinkProps> = ({ variant, content }) => {
   const intl = useIntl();
   const { courseId } = useSelector(state => state.courseware);
   const { org } = useModel('courseHomeMeta', courseId);
@@ -27,24 +32,15 @@ const DashboardFootnoteLink = ({ variant, content }) => {
   );
 };
 
-DashboardFootnoteLink.propTypes = {
-  variant: PropTypes.string.isRequired,
-  content: PropTypes.shape({
-    destination: PropTypes.string.isRequired,
-  }).isRequired,
-};
+interface PluginProps {
+  variant: string
+}
 
-const DashboardFootnoteLinkPluginSlot = ({ variant }) => {
+export const DashboardFootnoteLinkPluginSlot: React.FC<PluginProps> = ({ variant }) => {
   const destination = `${getConfig().LMS_BASE_URL}/dashboard`;
   return (
     <PluginSlot id="org.openedx.frontend.learning.course_exit_dashboard_footnote_link.v1">
       <DashboardFootnoteLink variant={variant} content={{ destination }} />
     </PluginSlot>
   );
 };
-
-DashboardFootnoteLinkPluginSlot.propTypes = {
-  variant: PropTypes.string.isRequired,
-};
-
-export default DashboardFootnoteLinkPluginSlot;