JSFiddle - React, Tailwind, and code Playground
by himel023
JavaScript
let fst = {
"folders": [{
"name": "video",
"type": "folder",
"hasChild": true,
"subFolder": {
"folders": [{
"name": "Synopi-Videos",
"type": "folder",
"hasChild": true,
"subFolder": {
"folders": [{
"name": "Empty Folder",
"type": "folder",
"hasChild": false,
"subFolder": {
"folders": [],
"files": [],
"id": "0-0-0",
"parentId": "0-0"
}
},
{
"name": "Other videos",
"type": "folder",
"hasChild": true,
"subFolder": {
"folders": [{
"name": "Urgent folder",
"type": "folder",
"hasChild": false,
"subFolder":
{
"folders": [],
"files": [],
"id": "0-0-1-0",
"parentId": "0-0-1"
}
}],
"files": [{
"name": "Other video1",
"type": "file",
"format": "avi"
}],
"id": "0-0-1",
"parentId": "0-0"
}
}],
"files": [{
"name": "Synopi-Vid1",
"type": "file",
"format": "mov"
},
{
"name": "Synopi-Vid2",
"type": "file",
"format": "mp4"
}],
"id": "0-0",
"parentId": "0"
}
},
{
"name": "Streamed Videos",
"type": "folder",
"hasChild": false,
"subFolder": {
"folders": [],
"files": [],
"id": "0-1",
"parentId": "0"
}
}],
"files": [{
"name": "videoFile1",
"type": "file",
"format": "mp4"
...