From 971464b71abdddf259eef92459e6016a4417a328 Mon Sep 17 00:00:00 2001
From: BalajiD <cb.en.u4cse18008@cb.students.amrita.edu>
Date: Thu, 25 Mar 2021 12:27:09 +0530
Subject: [PATCH] Shareablelink #39
---
digital-course-file/src/user/Deffolders.js | 2 +-
digital-course-file/src/user/Hero.js | 2 ++
digital-course-file/src/user/Sharelink.js | 35 ++++++++++++++++++++++
3 files changed, 38 insertions(+), 1 deletion(-)
create mode 100644 digital-course-file/src/user/Sharelink.js
diff --git a/digital-course-file/src/user/Deffolders.js b/digital-course-file/src/user/Deffolders.js
index 26dd51f..fe71e8d 100644
--- a/digital-course-file/src/user/Deffolders.js
+++ b/digital-course-file/src/user/Deffolders.js
@@ -83,7 +83,7 @@ export default function Deffolders( {currentFolder} ){
}
return (
<>
- <Button style={{maxWidth : "80px"}} onClick={openModel} variant="primary" size="sm">
+ <Button style={{maxWidth : "80px"}} className="mr-2" onClick={openModel} variant="primary" size="sm">
<FontAwesomeIcon icon={faBolt} />
</Button>
</>
diff --git a/digital-course-file/src/user/Hero.js b/digital-course-file/src/user/Hero.js
index 9cd04c2..939ab3d 100644
--- a/digital-course-file/src/user/Hero.js
+++ b/digital-course-file/src/user/Hero.js
@@ -5,6 +5,7 @@ import { ROOT_FOLDER, useFolder } from '.././hooks/useFolder'
import Folder from './Folder'
import FolderNav from './FolderNav'
import Deffolders from './Deffolders'
+import Sharelink from './Sharelink'
import { useParams } from 'react-router-dom'
import copyright from './copyright'
import { Link } from 'react-router-dom'
@@ -41,6 +42,7 @@ const Hero = ({ handleLogout }) => {
{childFolders.length == 0 && folder.parentId == null && folder.id!=null && (
<Deffolders currentFolder={folder} />
)}
+ {folder.id!=null && ( <Sharelink currentFolder={folder} /> )}
</div>
{childFolders.length > 0 && (
diff --git a/digital-course-file/src/user/Sharelink.js b/digital-course-file/src/user/Sharelink.js
new file mode 100644
index 0000000..bbcc7d7
--- /dev/null
+++ b/digital-course-file/src/user/Sharelink.js
@@ -0,0 +1,35 @@
+import { React , useState } from "react";
+import { Button,Modal,Form} from 'react-bootstrap';
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faLink } from "@fortawesome/free-solid-svg-icons";
+
+export default function Sharelink( {currentFolder} ){
+ const [open, setOpen] = useState(false);
+ function openModal(){
+ setOpen(true);
+ }
+ function closeModal(){
+ setOpen(false);
+ }
+
+ return(
+ <>
+ <Button style={{maxWidth : "80px" }} onClick={openModal} className="mr-2" variant="primary" size="sm" >
+ <FontAwesomeIcon icon={faLink} />
+ </Button>
+ <Modal show={open} onHide={closeModal} >
+ <Modal.Body>
+ {/* text area that will display link */}
+ <p>Sharable link for this folder : </p>
+ <textarea rows="2" cols="55" utofocus readOnly value={"www.dcfstudentview.com/"+String(currentFolder.id)}>
+ </textarea>
+ </Modal.Body>
+ <Modal.Footer>
+ <Button variant="danger" onClick={closeModal}>
+ Close
+ </Button>
+ </Modal.Footer>
+ </Modal>
+ </>
+ );
+}
\ No newline at end of file
--
GitLab