JSFiddle - React, Tailwind, and code Playground

by Sinh Nguyen

JavaScript

var fakeApperanceData = [
        {
            "timestamp": 1597736864162100,
            "cam_uuid": "d693e8e7-d92a-4a42-9771-70c09012019b",
            "face_id": "namvh",
            "face_name": "Vo Hoai Nam",
            "face_url": "https://vcam-hcm-a.vngcloud.vn/v1/AUTH_97a327f4e99e4e7a92401c772c05025d/image/9af5c26972c94fe4acf8ddd2222795f0.jpg?temp_url_sig=52cf0bc5ff32f5ec6d33d39ca9d99212da84aff8\u0026temp_url_expires=1600328864",
            "img_url": "https://vcam-hcm-a.vngcloud.vn/v1/AUTH_97a327f4e99e4e7a92401c772c05025d/image/cfcd1a8653a64632a2bb20263cfec880.jpg?temp_url_sig=f8f56621566a2bc8109d43a7cbbd3f4a8b7286fc\u0026temp_url_expires=1600328865",
            "label": "iot",
            "imgs_org": [
            "http://ai-repo.stg.vcloudcam.vn/resources/faces/141/namvh/c95cb3eaed7c41859fb6ed60cf0fbdc7-namvh01.png",
            "http://ai-repo.stg.vcloudcam.vn/resources/faces/141/namvh/44148530b432465b94cc8f995e6b3831-namvh02.png",
            "http://ai-repo.stg.vcloudcam.vn/resources/faces/141/namvh/416480a0642b4fd8bad5f42ac98b1a28-namvh03.png",
            "http://ai-repo.stg.vcloudcam.vn/resources/faces/141/namvh/6062f8dd81024c469a3aab6afd6dd581-namvh04.png"
            ],
            "ai_type": 16
        },
        {
            "timestamp": 1597746864162100,
            "cam_uuid": "d693e8e7-d92a-4a42-9771-70c09012019b",
            "face_id": "namvh",
            "face_name": "Vo Hoai Nam",
            "face_url": "https://vcam-hcm-a.vngcloud.vn/v1/AUTH_97a327f4e99e4e7a92401c772c05025d/image/9af5c26972c94fe4acf8ddd2222795f0.jpg?temp_url_sig=52cf0bc5ff32f5ec6d33d39ca9d99212da84aff8\u0026temp_url_expires=1600328864",
            "img_url": "https://vcam-hcm-a.vngcloud.vn/v1/AUTH_97a327f4e99e4e7a92401c772c05025d/image/cfcd1a8653a64632a2bb20263cfec880.jpg?temp_url_sig=f8f56621566a2bc8109d43a7cbbd3f4a8b7286fc\u0026temp_url_expires=1600328865",
            "label": "iot",
            "imgs_org": [
           ...