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