diff --git a/digital-course-file/src/user/Folder.js b/digital-course-file/src/user/Folder.js
new file mode 100644
index 0000000000000000000000000000000000000000..99578c93c2d2cbfb686a10ac89f0dd6ff16ccdf7
--- /dev/null
+++ b/digital-course-file/src/user/Folder.js
@@ -0,0 +1,22 @@
+import { React } from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faFolder } from "@fortawesome/free-solid-svg-icons"
+import { Button } from "react-bootstrap";
+import { Link } from "react-router-dom";
+
+export default function Folder ({folder}) {
+    
+    return (
+
+        <Button 
+            to={`/folder/${folder.id}`} 
+            variant="outline-secondary" 
+            className="text-truncate w-100" 
+            as={Link}>
+            <FontAwesomeIcon icon={faFolder} className="mr-2"/>
+            {folder.name}
+        </Button>
+
+    );
+
+}
\ No newline at end of file