JSFiddle - React, Tailwind, and code Playground

by himel023

JavaScript

//this is my folder's tree structure
{
    "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"
                                        ...