chore: open ContextMenu on right-click

[fsdiogo]

The ContextMenu was a standalone component but to add the ability to be opened by right-clicking a file I had to refactor it a bit and couple its logic to the File component.

Right-clicking a file now opens the context menu, but always in the default position. I've tried to open it where the user clicked but that was taking a lot of time and I don't see this as a priority right now.

Closes #917.

[hacdias]

Hmm... I like the idea of opening it with right-click but I believe it's not a good UX not to open it where we clicked. It was completely unexpected when the menu opened in the other end of the screen. Usually our instinct tells us to right click on the icon or name. I think we should give this a bit more work to open the place we click.

I found two packages that seem helpful:

• https://github.com/fkhadra/react-contexify
• https://github.com/vkbansal/react-contextmenu

[fsdiogo]

I like the idea of opening it with right-click but I believe it's not a good UX not to open it where we clicked.

I 💯 agree. I'll give this another stab today!

[fsdiogo]

The last commit opens the ContextMenu where the user right-clicked:

TODO:

• Merge and release feat: add custom transform tableflip/react-dropdown#4 (@olizilla)
• Update react-dropdown in package.json

[fsdiogo]

This is ready for review! 🌟

[hacdias]

@fsdiogo I tried to right click and got this:

I made sure the dependencies were up to date. It seems that contextMenu is not being set.

[fsdiogo]

Hmm, just tested on Firefox and that error came up. It works on Chrome and Safari.

I'll look into it!

[fsdiogo]

Fixed!

[hacdias]

Just as a FYI, I used Chrome too, not FF. Lemme check.

[hacdias]

@fsdiogo working here and looking good. The CI is failing though both on build and navigation. :/

[olizilla]

it's a dependencies issue

> ipfs-webui@2.3.2 build:darwin:linux /home/travis/build/ipfs-shipyard/ipfs-webui
> cross-env REACT_APP_GIT_REV=`git rev-parse --short HEAD` react-scripts build
Creating an optimized production build...
Failed to compile.
Module not found: Error: Can't resolve 'webcrypto-shim' in '/home/travis/build/ipfs-shipyard/ipfs-webui/node_modules/libp2p-crypto/src'

[olizilla]

@hacdias @fsdiogo can you confirm what versions of npm you are using pls

[hacdias]

Latest: 6.5.0

[olizilla]

reverting the unrelated changes to the package-lock.json fixes the error, so I'm going to push that change to this branch.

[fsdiogo]

Can you take a look at the code so we can merge this?

We should release a new version of Web UI ASAP to fix the add files regression.

[hacdias]

LGTM 😄

[olizilla]

👌 neat change and a good tidy up!