refactor: various refactoring

Improve maintenance (meta splitting) and try to
improve performance (dynamic imports).

1 files changed, 20 insertions, 0 deletions

diff --git a/src/components/MetaItems/Website/Website.tsx b/src/components/MetaItems/Website/Website.tsx
new file mode 100644
index 0000000..bcf3fc8
--- /dev/null
+++ b/src/components/MetaItems/Website/Website.tsx
@@ -0,0 +1,20 @@
+import { MetaKind } from '@ts/types/app';
+import { useIntl } from 'react-intl';
+import { MetaItem } from '..';
+
+const Website = ({ url, kind }: { url: string; kind: MetaKind }) => {
+  const intl = useIntl();
+
+  return (
+    <MetaItem
+      title={intl.formatMessage({
+        defaultMessage: 'Website:',
+        description: 'Website: website meta label',
+      })}
+      value={<a href={url}>{url}</a>}
+      kind={kind}
+    />
+  );
+};
+
+export default Website;