diff --git a/digital-course-file/src/user/File.js b/digital-course-file/src/user/File.js
new file mode 100644
index 0000000000000000000000000000000000000000..4a5ce33f758962f8d0f52a2364b5bec35998902f
--- /dev/null
+++ b/digital-course-file/src/user/File.js
@@ -0,0 +1,16 @@
+import { faFile } from "@fortawesome/free-solid-svg-icons"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import React from "react"
+
+export default function File({ file }) {
+  return (
+    <a
+      href={file.url}
+      target="_blank"
+      className="btn btn-outline-dark text-truncate w-100"
+    >
+      <FontAwesomeIcon icon={faFile} className="mr-2" />
+      {file.name}
+    </a>
+  )
+}
\ No newline at end of file