A React component to load a MacOSx Finder look a like.
npm install finder-react``bash`
npm install finder-react --save
`javascript
import React from 'react';
import { Finder } from 'finder-react';
const App = () => {
const generalRightMenu = [
{
text: 'New Folder',
action: () => {},
},
{
text: 'Get Info',
action: () => {},
},
{
text: 'Clean Up',
action: () => {},
},
];
const folderRightMenu = [
{
text: 'Get Info',
action: () => {}
},
{
text: 'Delete',
action: () => {}
},
];
const fileRightMenu = [
{
text: 'Get Info',
action: () => {}
},
{
text: 'Copy',
action: () => {}
},
{
text: 'Delete',
action: () => {}
},
];
const listOfFilesFolders = [
{
name: 'README.md',
isFile: true,
rightClickMenu: fileRightMenu,
clickWhenSelected: () => {},
clickWhenUnselected: () => {},
doubleClick: () => {},
},
{
name: 'CODE_OF_CONDUCT.md',
isFile: true,
rightClickMenu: fileRightMenu,
clickWhenSelected: () => {
console.log('clickWhenSelected');
},
clickWhenUnselected: () => {
console.log('clickWhenUnselected');
},
doubleClick: () => {
console.log('double click');
},
},
{
name: 'src',
isFile: false,
rightClickMenu: folderRightMenu,
clickWhenSelected: () => {},
clickWhenUnselected: () => {},
doubleClick: () => {},
},
];
return (
export default App;
``