Updating PrivacyPolicy to use hooks

src/components/Header/__snapshots__/test.js.snap

@@ -9,7 +9,7 @@ exports[`Header opening the Privacy Policy modal 1`] = `
 }"
   >
     <span
-      data-component="withI18nextTranslation(PrivacyPolicy)"
+      data-component="PrivacyPolicy"
       data-props="{}"
     />
   </span>
@@ -85,7 +85,7 @@ exports[`Header opening the Privacy Policy modal while holding alt key 1`] = `
 }"
   >
     <span
-      data-component="withI18nextTranslation(PrivacyPolicy)"
+      data-component="PrivacyPolicy"
       data-props="{}"
     />
   </span>
@@ -161,7 +161,7 @@ exports[`Header opening the Privacy Policy modal while holding ctrl key 1`] = `
 }"
   >
     <span
-      data-component="withI18nextTranslation(PrivacyPolicy)"
+      data-component="PrivacyPolicy"
       data-props="{}"
     />
   </span>
@@ -237,7 +237,7 @@ exports[`Header opening the Privacy Policy modal while holding meta key 1`] = `
 }"
   >
     <span
-      data-component="withI18nextTranslation(PrivacyPolicy)"
+      data-component="PrivacyPolicy"
       data-props="{}"
     />
   </span>
@@ -313,7 +313,7 @@ exports[`Header opening the Privacy Policy modal while holding shift key 1`] = `
 }"
   >
     <span
-      data-component="withI18nextTranslation(PrivacyPolicy)"
+      data-component="PrivacyPolicy"
       data-props="{}"
     />
   </span>
@@ -389,7 +389,7 @@ exports[`Header rendering 1`] = `
 }"
   >
     <span
-      data-component="withI18nextTranslation(PrivacyPolicy)"
+      data-component="PrivacyPolicy"
       data-props="{}"
     />
   </span>
@@ -466,7 +466,7 @@ exports[`Header rendering with no banner 1`] = `
 }"
   >
     <span
-      data-component="withI18nextTranslation(PrivacyPolicy)"
+      data-component="PrivacyPolicy"
       data-props="{}"
     />
   </span>

src/components/PrivacyPolicy/index.js

@@ -1,11 +1,12 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { useTranslation, Trans } from 'react-i18next';
-import { withTranslation, Trans } from 'react-i18next';
 
 import Message from 'components/Message';
 
-export const PrivacyPolicy = ({ t, ...props }) => (
+export const PrivacyPolicy = props => {
-  <Message type="info" heading={ t('Privacy Policy') } { ...props }>
+  const { t } = useTranslation();
+
+  return <Message type="info" heading={ t('Privacy Policy') } { ...props }>
     <Trans i18nKey="Privacy policy copy">
       <p>
         Regexper and the tools used to create it are all open source. If you are
@@ -44,11 +45,7 @@ export const PrivacyPolicy = ({ t, ...props }) => (
         Regexper is not supported by ad revenue or sales of any kind.
       </p>
     </Trans>
-  </Message>
+  </Message>;
-);
-
-PrivacyPolicy.propTypes = {
-  t: PropTypes.func.isRequired
 };
 
-export default withTranslation()(PrivacyPolicy);
+export default PrivacyPolicy;

src/components/PrivacyPolicy/test.js

@@ -4,13 +4,12 @@ jest.mock('components/Message', () =>
 import React from 'react';
 import { render } from 'react-testing-library';
 
-import { mockT } from 'i18n';
+import PrivacyPolicy from 'components/PrivacyPolicy';
-import { PrivacyPolicy } from 'components/PrivacyPolicy';
 
 describe('PrivacyPolicy', () => {
   test('rendering', () => {
     const { asFragment } = render(
-      <PrivacyPolicy onClose={ jest.fn() } t={ mockT } />
+      <PrivacyPolicy onClose={ jest.fn() } />
     );
     expect(asFragment()).toMatchSnapshot();
   });

src/pages/__snapshots__/privacy.test.js.snap

@@ -9,7 +9,7 @@ exports[`Privacy Page rendering 1`] = `
 }"
   />
   <span
-    data-component="withI18nextTranslation(PrivacyPolicy)"
+    data-component="PrivacyPolicy"
     data-props="{}"
   />
 </DocumentFragment>