client/modules/Legal/pages/Legal: add types & update to named export

Author: clairep94

client/modules/Legal/pages/CodeOfConduct.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import Legal from './Legal';
+import { Legal } from './Legal';
 
 export function CodeOfConduct() {
   const { t } = useTranslation();

client/modules/Legal/pages/Legal.tsx

@@ -21,8 +21,13 @@ const StyledTabList = styled.nav`
     gap: ${remSize(19)};
   }
 `;
-
-function Legal({ policyFile, title }) {
+export interface LegalProps {
+  /** File name of policy */
+  policyFile: string;
+  /** Title of policy */
+  title: string;
+}
+export function Legal({ policyFile, title }: LegalProps) {
   const { t } = useTranslation();
   const [isLoading, setIsLoading] = useState(true);
   const [policy, setPolicy] = useState('');
@@ -67,5 +72,3 @@ Legal.propTypes = {
    */
   policyFile: PropTypes.string.isRequired
 };
-
-export default Legal;

client/modules/Legal/pages/PrivacyPolicy.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import Legal from './Legal';
+import { Legal } from './Legal';
 
 function PrivacyPolicy() {
   const { t } = useTranslation();