From 15b79eaf39a99c93a0e63d90da011c8749882edc Mon Sep 17 00:00:00 2001
From: Przemek Wiech <pwiech@gmail.com>
Date: Wed, 3 Nov 2021 14:54:39 +0100
Subject: [PATCH] Refactored `TranslatedTag` component from class-based to
 functional

---
 src/details/translated-tag.tsx | 26 +++++++-------------------
 1 file changed, 7 insertions(+), 19 deletions(-)

diff --git a/src/details/translated-tag.tsx b/src/details/translated-tag.tsx
index 5050502..38ff7a1 100644
--- a/src/details/translated-tag.tsx
+++ b/src/details/translated-tag.tsx
@@ -1,9 +1,4 @@
-import {FormattedMessage, injectIntl, WrappedComponentProps} from 'react-intl';
-import * as React from 'react';
-
-interface Props {
-  tag: string;
-}
+import {FormattedMessage} from 'react-intl';
 
 const TAG_DESCRIPTIONS = new Map([
   ['ADOP', 'Adoption'],
@@ -29,8 +24,12 @@ const TAG_DESCRIPTIONS = new Map([
   ['WWW', 'WWW'],
 ]);
 
-function translateTag(tag: string) {
-  const normalizedTag = tag.replace(/_/g, '');
+interface Props {
+  tag: string;
+}
+
+export function TranslatedTag(props: Props) {
+  const normalizedTag = props.tag.replace(/_/g, '');
   return (
     <FormattedMessage
       id={`gedcom.${normalizedTag}`}
@@ -38,14 +37,3 @@ function translateTag(tag: string) {
     />
   );
 }
-
-class TranslatedTagComponent extends React.Component<
-  Props & WrappedComponentProps,
-  {}
-> {
-  render() {
-    return translateTag(this.props.tag);
-  }
-}
-
-export const TranslatedTag = injectIntl(TranslatedTagComponent);