From 0c5f6e444547788dda4abdfd5d85c06eb1ffca5d Mon Sep 17 00:00:00 2001
From: ludovicm67 <ludovicmuller1@gmail.com>
Date: Sun, 9 Feb 2020 12:53:20 +0100
Subject: webui: convert custom tags to TypeScript

---
 webui/src/tag/ImageTag.js  | 19 -------------------
 webui/src/tag/ImageTag.tsx | 22 ++++++++++++++++++++++
 webui/src/tag/PreTag.js    | 16 ----------------
 webui/src/tag/PreTag.tsx   | 16 ++++++++++++++++
 4 files changed, 38 insertions(+), 35 deletions(-)
 delete mode 100644 webui/src/tag/ImageTag.js
 create mode 100644 webui/src/tag/ImageTag.tsx
 delete mode 100644 webui/src/tag/PreTag.js
 create mode 100644 webui/src/tag/PreTag.tsx

(limited to 'webui')

diff --git a/webui/src/tag/ImageTag.js b/webui/src/tag/ImageTag.js
deleted file mode 100644
index b0f0c1c8..00000000
--- a/webui/src/tag/ImageTag.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import { makeStyles } from '@material-ui/styles';
-
-const useStyles = makeStyles({
-  tag: {
-    maxWidth: '100%',
-  },
-});
-
-const ImageTag = ({ alt, ...props }) => {
-  const classes = useStyles();
-  return (
-    <a href={props.src} target="_blank" rel="noopener noreferrer nofollow">
-      <img className={classes.tag} alt={alt} {...props} />
-    </a>
-  );
-};
-
-export default ImageTag;
diff --git a/webui/src/tag/ImageTag.tsx b/webui/src/tag/ImageTag.tsx
new file mode 100644
index 00000000..7c7d7e98
--- /dev/null
+++ b/webui/src/tag/ImageTag.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/styles';
+
+const useStyles = makeStyles({
+  tag: {
+    maxWidth: '100%',
+  },
+});
+
+const ImageTag = ({
+  alt,
+  ...props
+}: React.ImgHTMLAttributes<HTMLImageElement>) => {
+  const classes = useStyles();
+  return (
+    <a href={props.src} target="_blank" rel="noopener noreferrer nofollow">
+      <img className={classes.tag} alt={alt} {...props} />
+    </a>
+  );
+};
+
+export default ImageTag;
diff --git a/webui/src/tag/PreTag.js b/webui/src/tag/PreTag.js
deleted file mode 100644
index c2440df9..00000000
--- a/webui/src/tag/PreTag.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import { makeStyles } from '@material-ui/styles';
-
-const useStyles = makeStyles({
-  tag: {
-    maxWidth: '100%',
-    overflowX: 'auto',
-  },
-});
-
-const PreTag = props => {
-  const classes = useStyles();
-  return <pre className={classes.tag} {...props}></pre>;
-};
-
-export default PreTag;
diff --git a/webui/src/tag/PreTag.tsx b/webui/src/tag/PreTag.tsx
new file mode 100644
index 00000000..01999277
--- /dev/null
+++ b/webui/src/tag/PreTag.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/styles';
+
+const useStyles = makeStyles({
+  tag: {
+    maxWidth: '100%',
+    overflowX: 'auto',
+  },
+});
+
+const PreTag = (props: React.HTMLProps<HTMLPreElement>) => {
+  const classes = useStyles();
+  return <pre className={classes.tag} {...props}></pre>;
+};
+
+export default PreTag;
-- 
cgit