webui: convert custom tags to TypeScript

1 files changed, 16 insertions, 0 deletions

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;