...

1 files changed, 41 insertions, 41 deletions

diff --git a/Timeline/ClientApp/src/app/common/FileInput.tsx b/Timeline/ClientApp/src/app/common/FileInput.tsx
index 94f4aa43..3d1bc2b3 100644
--- a/Timeline/ClientApp/src/app/common/FileInput.tsx
+++ b/Timeline/ClientApp/src/app/common/FileInput.tsx
@@ -1,41 +1,41 @@
-import React from 'react';

-import clsx from 'clsx';

-

-import { ExcludeKey } from '../utilities/type';

-

-export interface FileInputProps

-  extends ExcludeKey<

-    React.InputHTMLAttributes<HTMLInputElement>,

-    'type' | 'id'

-  > {

-  inputId?: string;

-  labelText: string;

-  color?: string;

-  className?: string;

-}

-

-const FileInput: React.FC<FileInputProps> = props => {

-  const { inputId, labelText, color, className, ...otherProps } = props;

-

-  const realInputId = React.useMemo<string>(() => {

-    if (inputId != null) return inputId;

-    return (

-      'file-input-' +

-      (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)

-    );

-  }, [inputId]);

-

-  return (

-    <>

-      <input className="d-none" type="file" id={realInputId} {...otherProps} />

-      <label

-        htmlFor={realInputId}

-        className={clsx('btn', 'btn-' + (color ?? 'primary'), className)}

-      >

-        {labelText}

-      </label>

-    </>

-  );

-};

-

-export default FileInput;

+import React from "react";
+import clsx from "clsx";
+
+import { ExcludeKey } from "../utilities/type";
+
+export interface FileInputProps
+  extends ExcludeKey<
+    React.InputHTMLAttributes<HTMLInputElement>,
+    "type" | "id"
+  > {
+  inputId?: string;
+  labelText: string;
+  color?: string;
+  className?: string;
+}
+
+const FileInput: React.FC<FileInputProps> = (props) => {
+  const { inputId, labelText, color, className, ...otherProps } = props;
+
+  const realInputId = React.useMemo<string>(() => {
+    if (inputId != null) return inputId;
+    return (
+      "file-input-" +
+      (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
+    );
+  }, [inputId]);
+
+  return (
+    <>
+      <input className="d-none" type="file" id={realInputId} {...otherProps} />
+      <label
+        htmlFor={realInputId}
+        className={clsx("btn", "btn-" + (color ?? "primary"), className)}
+      >
+        {labelText}
+      </label>
+    </>
+  );
+};
+
+export default FileInput;