Migrate Login folder in templates to TypeScript

betagouv · Aug 11, 2023 · a0b44a8 · a0b44a8
1 parent 7dd35f4
commit a0b44a8
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 4 deletions.
diff --git a/...c/components/templates/Login/NextSteps.js → .../components/templates/Login/NextSteps.tsx b/...c/components/templates/Login/NextSteps.js → .../components/templates/Login/NextSteps.tsx
@@ -9,7 +9,15 @@ import { APISDGFIP } from '../../../config/data-provider-configurations';
 import { APISFRANCECONNECTED } from '../../../config/data-provider-configurations';
 import { useDataProvider } from '../hooks/use-data-provider';
 
-const NextSteps = ({ targetApi, isService = false }) => {
+type NextStepsProps = {
+  targetApi: string;
+  isService: boolean;
+};
+
+const NextSteps: React.FC<NextStepsProps> = ({
+  targetApi,
+  isService = false,
+}) => {
   const [stat, setStat] = useState(null);
 
   const { label: targetApiLabel } = useDataProvider(targetApi);

diff --git a/...ponents/templates/Login/WelcomeMessage.js → ...onents/templates/Login/WelcomeMessage.tsx b/...ponents/templates/Login/WelcomeMessage.js → ...onents/templates/Login/WelcomeMessage.tsx
@@ -1,7 +1,14 @@
 import React from 'react';
 import { useDataProvider } from '../hooks/use-data-provider';
 
-const WelcomeMessage = ({
+type WelcomeMessageProps = {
+  isOnNewEnrollmentPage: boolean;
+  targetApi: string;
+  newEnrollmentPageMessage?: JSX.Element;
+  newEnrollmentPageSubTitleMessage?: JSX.Element;
+};
+
+const WelcomeMessage: React.FC<WelcomeMessageProps> = ({
   isOnNewEnrollmentPage,
   targetApi,
   newEnrollmentPageMessage,

diff --git a/...d/src/components/templates/Login/index.js → .../src/components/templates/Login/index.tsx b/...d/src/components/templates/Login/index.js → .../src/components/templates/Login/index.tsx
@@ -8,7 +8,15 @@ import { DataProviderType } from '../../../config/data-provider-configurations';
 import { APISDGFIP } from '../../../config/data-provider-configurations';
 import { APISFRANCECONNECTED } from '../../../config/data-provider-configurations';
 
-const WelcomeMessageRouter = ({ targetApi, isOnNewEnrollmentPage }) => {
+type WelcomeMessageRouterProps = {
+  targetApi: string;
+  isOnNewEnrollmentPage: boolean;
+};
+
+const WelcomeMessageRouter: React.FC<WelcomeMessageRouterProps> = ({
+  targetApi,
+  isOnNewEnrollmentPage,
+}) => {
   if (!isOnNewEnrollmentPage) {
     return (
       <WelcomeMessage
@@ -22,7 +30,7 @@ const WelcomeMessageRouter = ({ targetApi, isOnNewEnrollmentPage }) => {
     return (
       <WelcomeMessage
         isOnNewEnrollmentPage={isOnNewEnrollmentPage}
-        target_api={targetApi}
+        targetApi={targetApi}
         newEnrollmentPageSubTitleMessage={
           <>
             <br />