From dba4b3fccddc3d62c23934db3103534457ae9573 Mon Sep 17 00:00:00 2001 From: Nidharshan A <cb.en.u4cse18036@cb.students.amrita.edu> Date: Tue, 30 Mar 2021 06:25:42 +0000 Subject: [PATCH] Minor bug cleared. --- digital-course-file/src/user/Folder.js | 38 ++++++++++++-------------- 1 file changed, 18 insertions(+), 20 deletions(-) diff --git a/digital-course-file/src/user/Folder.js b/digital-course-file/src/user/Folder.js index 158487b..208fb21 100644 --- a/digital-course-file/src/user/Folder.js +++ b/digital-course-file/src/user/Folder.js @@ -1,12 +1,10 @@ -import { React } from "react"; +import { React,useState,useEffect } 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"; import { useHistory } from "react-router-dom"; - import { useContextMenu, Menu, Item, Separator } from "react-contexify"; - import "react-contexify/dist/ReactContexify.css"; export default function Folder ({folder}) { @@ -18,14 +16,15 @@ export default function Folder ({folder}) { }); function displayMenu(e) { - show(e, { props: { id: Number(e.currentTarget.id) } }); + // e.preventDefault(); + show(e, { props: { id: Number(e.currentTarget.id) , folderId : folder.id} }); } - function handleItemClick({ event, props, data, triggerEvent }) { - + function handleItemClick({ event, props, data, triggerEvent}) { + // console.log(props.folderId); switch (event.currentTarget.id) { case "open": - history.push(`/folder/${folder.id}`); + history.push(`/folder/${props.folderId}`); break; case "rename": @@ -42,6 +41,7 @@ export default function Folder ({folder}) { <div> <Button onContextMenu={displayMenu} + id={folder.id} to={`/folder/${folder.id}`} variant="outline-secondary" className="text-truncate w-100" @@ -51,20 +51,18 @@ export default function Folder ({folder}) { </Button> <Menu id={MENU_ID}> - <Item id="open" onClick={handleItemClick}> - Open - </Item> - <Item id="rename" onClick={handleItemClick}> - Rename - </Item> - - <Item id="details" onClick={handleItemClick}> - Details - </Item> - - </Menu> + <Item id="open" onClick={handleItemClick} > + Open + </Item> + <Item id="rename" onClick={handleItemClick}> + Rename + </Item> + <Item id="details" onClick={handleItemClick}> + Details + </Item> + </Menu> </div> ); -} \ No newline at end of file +} -- GitLab